Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 21, 2019 at 1:41 am #1081114
    connect4consulting

    Hi,
    I am trying to make icon boxes in columns the same height in a pricing menu. I have the cells set to equal height but they aren’t equal at all. What am I doing wrong?
    Thanks.

    March 22, 2019 at 9:04 pm #1082014
    Victoria

    Hey connect4consulting,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 990px) {
    .iconbox_top .iconbox_content {
        min-height: 235px;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 15, 2020 at 1:48 pm #1173984
    Terve

    Hi Victoria, that worked perfectly as long as it is only text in the box, but when I add an icon it does not work anymore. Link to my staging site in private content.

    January 16, 2020 at 9:14 am #1174777
    Rikard

    Hi Terve,

    Please try the following in Quick CSS under Enfold->General Styling:

    .av_one_third .iconbox_content {
  height: 400px; 
  min-height: 400px; 
}

    Best regards,
    Rikard

    January 16, 2020 at 10:56 am #1174840
    Terve

    Rikard, thank you for your promt reply!

    We are almost there…… It worked well when I adjusted it to 280 px for screens that display the icon boxes in more than one column. For mobile phones though, I would rather stay with as it is (not equal size) as the boxes will be appearing in only one column. Is there a way to do this, but exclude screens that display the boxes in one column i.e mobile phones?

    January 16, 2020 at 2:33 pm #1174988
    Victoria

    Hi Terve,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 768px) {
  .av_one_third .iconbox_content {
    height: 400px; 
    min-height: 400px; 
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 16, 2020 at 3:03 pm #1175023
    Terve

    That worked perfectly even with quick CSS. Thanks!

    January 16, 2020 at 4:26 pm #1175085
    Victoria

    Hi Terve,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to make icon boxes in columns the same height?’ is closed to new replies.