How to force box certain height

Support
#1

Hi I have a contact page that we created (see secure details) … originally when all the type was the same as it still is for many of the entries the boxes stayed the same no matter the size of the screen but now that the original text being placed in, different sized words are pushing some boxes to be bigger than others you will note this happening on the top thee boxes that now all have different size words. Question: is there a way to make these rectangular boxes forced at a specific height so they match? I guess on iPad and such and smaller screens they will not match. Thanks!

#2

Hi There,

Please try adding this custom CSS under X > Theme Options > CSS:

@media (min-width: 768px){
    .page-id-206 #x-section-1 .x-container {
        display: flex;
    }

    .page-id-206 #x-section-1 .x-container .x-promo {
        height: 100%;
    }
}

Hope it helps :slight_smile:

1 Like
#3

You sir are a true genius and a gift to humanity.

1 Like
#4

You’re welcome.

1 Like
#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.