Row size to remain static with image background

[brittonjsy]

Hi, I have a row/div section with 4 boxes. Each text box has an image cover, but I would like them to all be the same size (rather than adjusting the height to reflect the amount of text in each box). How can I do this? Home page URL is www.premier.je

[marc_a]

Hi Neil,

Thanks for reaching out!

What you are trying to achieve will require some CSS modification which is outside the scope of our theme support. I will just give you an idea of how you can fix your issue.

1.) You need to make all your columns height with the help of CSS. I suggest that you check this article on how you can do it.

• https://www.w3schools.com/howto/howto_css_equal_height.asp

2.) I suggest that you added the background in the outer column not in the inner column so that the background image will adopt the column height.

After following the recommendation above, you can see this layout:

If you don’t know how to do all the things I mentioned, you may seek 3rd party developers to help you with your problems or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps and thank you for understanding.

[brittonjsy]

Hi thank you for your reply - I have managed to find a solution using inspect and adding custom css to the page for the relevant section/div eg .vc_custom_1622730648883
Hope it helps someone else too.

Thanks

[marc_a]

Hi Neil,

We’re glad that you’re able to figure it out! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.