Adjusting icon box / row height

[krakenelektro]

Hello there. I am solving a problem with adjusting a row height. The row contains grid of 9 Icon Boxes however i dont like the height of whole thing. I would like to have all 9 icon boxes in the “field of view” but right now the user would have to scroll to see all icons. This would be possible to change if i had some option to adjust Row height or Icon Boxes size. There are only 2 options- Content Height and Window height. Is there any chance to work this out ?

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

That link isn’t working for me, please check

– Kyle

[krakenelektro]

krakenelektro.sk

[Kyle – SUPPORT]

Add this to your custom css:

.sf-icon-box-animated-alt {
  height: 250px;
}

– Kyle

[smilberg]

I would like to do that same thing as krakenelektro stated.

The “Services” section on my homepage here http://meyacht.northboundstudiodesign.com/ has an icon box grid and I would like the height of each of the icon boxes to be reduced.

Any suggestions?

[Kyle – SUPPORT]

Hi

Just use the CSS I provided above, you can reduce the height if you need to

– Kyle

[smilberg]

That code is shrinking the height, but its cutting off the content. See attachment.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Add this to your custom css:

.spb_icon_box_grid .spb_icon_box {
  min-height: 220px;
}

– Kyle

[smilberg]

Still no luck, they are still too tall.

[Kyle – SUPPORT]

Where have you added the css? I don’t see it in your custom css

– Kyle

[smilberg]

Just needed to clear my cache, got it working now. Thanks!

[David Martin – Support]

Great, glad you got it.

Thanks.

[nanhann]

This reply has been marked as private.

[BryceCSD]

How did you manage to create a new topic…?