Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 19, 2021 at 6:17 pm #1325592
    navindesigns

    On my site with custom CSS i have created a 6 column layout seen here (scroll towards the middle of the page where there are some icons and text) – http://alexandere18.sg-host.com/portfolio-item/multifamily-properties – which works great, the only issue that I would like to make all the columns equal height

    I change the column settings to :”equal height” but now the 6th column is jumping on the next line as seen here – http://alexandere18.sg-host.com/portfolio-item/326-south-washington

    How can I keep the column height the same with six columns?

    Thanks in advance.

    October 20, 2021 at 2:31 am #1325627
    Nikko

    Hi navindesigns,

    I have added this CSS code in Quick CSS to make the columns equal height:

    #sixcolumns .portDesc {
    min-height: 32px;
}

    Using equal height for columns would trigger Enfold to create a parent container that wraps each row that’s why you’ll see the last item going to the next row.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.