Images in Cornerstone Row not the same height

Support
#1

My images on my homepage are not the same height. If you notice the first image appears smaller than the others even though its original size is larger than the other three. Is there a way to force the row to make images the same size even if their dimensions are different?

#2

Hi,

To make it the same, you can add the code below in the style field of your image elements.

    min-height: 350px;

Hope that helps.

#3

Yes, thank you. That worked. However, please take a look at my page titled ‘Board of Directors’. I want the promo box in Section 5 to have a different height than all the other promo boxes on that page. I would like for it to be smaller. Please and thank you.

#4

Hi There,

Add the following CSS rule into your Customizer, Custom > CSS area.

.page-id-137 #x-section-5 .x-promo {
    height: 250px;
}

Hope that helps.

#5

Thank you. That works.

#6

Glad we were able to help :slight_smile: