- This topic has 9 replies, 2 voices, and was last updated 7 years, 7 months ago by
.
Hi,
If I have three 1/3 columns next to each other, is there a way to extend the length of all columns to match up to the “largest” one, so that if you change background colors, they don’t look uneven?
Thanks
Solution for this topic
Hi @LeaV,
Thank you for your another question.
To achieve this please add equal-height class to those columns as shown in the attached screenshot and then add the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.sh-column.equal-height { min-height: 975px; }Best regards,
Shufflehound teamPerfect – thank you
You are most welcome here 🙂
Hi,
Sorry to reopen this, but I’ve added a fourth column now and now the code doesn’t work. Can you please review the page again and let me know if I need to adjust the code to make it work again?
Thanks
I don’t see the columns on your shared page so could you please share me the exact page URL where it is displaying?
So sorry – URL’s were switched to another page at some point. Here’s the new link.
Solution for this topic
Now as column height increased so you have to also increase it in the above shared CSS code as following. Also you have to add class equal-height to every new column that you adds. It seems you have not added this class in the first added column.
.sh-column.equal-height { min-height: 1202px; }Thanks
You are always welcome here 🙂
