CSS for Classic Cards

[payapi]

Hi!

I would like to get these Classic cards to be same height: sapphirecoin.io/copy-of-contact/. I found a post: https://theme.co/apex/forum/t/classic-card/10819/8 , but nothing happens on my page with that. Could you help me with this. Thanks!

[nabeel]

Hi there,

Thanks for writing around! Can you please share the URL of your page so we can take a look? As you see, this requires custom coding. This isn’t a feature offered in Cornerstone out of the box. Further improvements to it and issues arising from the use of it would fall outside the scope of our support as it is not a part of the theme.

Thank you for your understanding.

[payapi]

Sure, this it the url: https://sapphirecoin.io/copy-of-contact/

[christian]

Hey @payapi,

This requires custom development. I’ll show you a guide but please note that we will not support issues arising from the use of this and further enhancements. Furthermore, this is in no way or might not be the best solution for your design.

Please add this code in your Global CSS or Page’s Cornerstone CSS. Increase or decrease values according to your needs. If you don’t understand what the code does, please search it up in here.

.x-face-outer {
    height:450px !important;
}

@media (max-width: 767px) {
    .x-card-outer {
        margin-bottom: 180px !important;
    }
}

Thanks.

[payapi]

Thanks, it did the trick!

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.