Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 13, 2016 at 12:14 pm #647300
    wzshop

    Hi,
    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?

    Thanks

    June 13, 2016 at 1:13 pm #647340
    Yigit

    Hi wzshop!

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

    Cheers!
    Yigit

    June 13, 2016 at 1:16 pm #647342
    wzshop

    Here it is:

    June 13, 2016 at 1:36 pm #647351
    Yigit

    Hi,

    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,
    Yigit

    June 13, 2016 at 1:39 pm #647354
    wzshop

    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.

    Thanks.

    June 13, 2016 at 2:59 pm #647415
    Vinay

    Hi,

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

    Let us know if you have any questions.

    Best regards,
    Vinay

    June 13, 2016 at 3:05 pm #647419
    wzshop

    Thanks anyway.

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