Equalize height icon boxes

[NiO]

Hi Swiftideas,

Is there a way to equalize the height of icon boxes? I am using two next to each other with a background color. At the moment the content determines the height, which is not ideal. So looking for a trick 🙂

Thanks,
Johan

[Kyle – SUPPORT]

Hi

Sure, what’s your link?

– Kyle

[NiO]

Hey Kyle,

This is the page I am working on: http://nio.photography/buying-licenses/

Thanks,
Johan

[Kyle – SUPPORT]

Hi

Try adding this to your custom css:

.sf-icon-box-boxed-three .sf-icon-box-content > h3 {
  min-height: 55px;
}

– Kyle

[NiO]

Hi Kyle,

A late reply … tried your suggestions, but need to more as not only the H3 varied in height. Included responsive css to deal with it. so it is resolved 🙂

Cheers,
johan

[David Martin – Support]

Thanks Johan and Kyle for the CSS.

Marking as resolved.

– David.

[Integrity]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option

.spb_icon_box .spb-asset-content {
    margin-top: 0px!important;
}

Hope it helps.

-Rui

[Integrity]

Works like a charm, thanks!

[Kyle – SUPPORT]

Thanks Rui

[wooltopia_inoz]

I tried to apply the custom css to my site but it doesn’t work for me , my icon boxes are still all different in sizes! How can I fix this please!

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,

@wooltopia_inoz – please provide me specific page url with issue to check and resolve the issue.
Thanks
Mohammad

[wooltopia_inoz]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.spb_icon_box > .spb-asset-content .sf-icon-box {
    min-height: 285px !important;
}

Thanks
Mohammad

[wooltopia_inoz]

Thanks that worked perfect ! ?