Equal Column Widths

Home Forums Jevelin Theme Equal Column Widths

Home Forums Jevelin Theme Equal Column Widths

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    RESOLVED Posts
  • 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

    Attachments:
    You must be logged in to view attached files.

    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 team

    Attachments:
    You must be logged in to view attached files.

    Perfect – 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 🙂

Viewing 10 posts - 1 through 10 (of 10 total)