Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #647300

    I have 4 icon boxes in a column. I have set the option equal height for the first column, but the boxes themselves are still not at an equal height. I have found that the parent div is all the same height but the boxes are not. I tried setting a 100% height in the css but it is not working. Is there a fix for this?



    Hi wzshop!

    Can you please post the link to your page where we can see your iconboxes?



    Here it is:



    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (min-width: 990px) {
    .home .iconbox_content {
        min-height: 250px;

    Best regards,


    Hi thanks for your support.
    I am however aware of the given solution, but i was wondering if there was not a cleaner/neater way to fix this.
    As said, i was wondering if a min-height: 100% would be an options, since the parent div has an equal height already.




    The above suggested method is an efficient way to handle equal height using CSS.

    Let us know if you have any questions.

    Best regards,


    Thanks anyway.

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Icon boxes same height?’ is closed to new replies.