Hi, I’m trying to set up some template pages, and am running into a layout issue with the icon box. I have a colored section, with 4 1/4 columns set for Equal Height, No Space Between Columns. My last box of the set has a bit more text in it, and makes that box height off. I have added a whitespace element below the columns as suggested in another thread, but that did nothing. Can you assist? Thanks
Same issue!
Hey!
.main_color.iconbox_top .iconbox_content {
height: 320px !important;
}
Please do add that to your Custom CSS and let us know if it works as should.
Regards,
Basilis
I was able to get this CSS code to work in Quick CSS:
.iconbox_content {
height: 210px;
}
I had to do some major digging in the support forum to find this Andy’s CSS!! Any reason the Equal Height option is not working in the column settings? From my digging it looks like nobody can get it to work.
It works for desktop, but is not mobile friendly, plus we’d have to adjust it manually for every section we use. Is there a better way to do this?
Hi!
You might have to change the setup and use the iconbox shortcode inside a text widget in 1/4 cols. please let us know if that worked.
Cheers!
Vinay