Docs

[NicoleG]

Hi, I’ve seen other questions asking the same thing, but the css code seems to be tailored to each website. I have three cards and they are all different sizes and I need to make them uniform. Can you please advise what I need to do. Is it css something along these lines:

.page-id-6 #x-section-2 .x-card-outer .x-card-inner {
min-height: 300px;
}

Also, the first card floats in to the space and the others don’t. Is there somewhere I can change this setting?

Thanks
Nicole

[NicoleG]

This reply has been marked as private.

[Paul R]

Hi,

Thanks for writing in!

To make it even, you can add this under Custom > CSS in the Customizer.

.home #x-section-6 .x-card-outer .x-card-inner {
    min-height:285px;
}

Hope that helps.

[NicoleG]

Thanks Paul. That didn’t seem to work though. Are you able to have a look and see please?
Thanks
Nicole

[John Ezra]

Hi there,

Thanks for updating the thread! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

.home div#giving-back .x-card-outer .x-card-inner {
    min-height:285px;
}

Hope this helps – thanks!

[NicoleG]

Thanks John – that works!

Interestingly it works when I go to the real site, but it isn’t showing when I am in layout/edit mode.

Thanks 🙂

[Friech]

Hi Nicole,

That is because Cornerstone has a sidebar panel that takes something 20% of the screen width. Try previewing it on a full-width by pressing the arrow icon on the bottom-left.

Thanks.

[Author]

Posts