Custom Icon Boxes

[tylerdurdenphi]

I just switch from Dante to Cardnial and have a few questions about Icon Boxes.

1. Where do I change the hover color of the icon?
2. Is it possible to force the icon boxes to be the same height?
3. Is it possible to remove any space or padding between icon boxes that are next to each other in a single row?

Thank you in advance.

Attachments:

You must be logged in to view attached files.

[laranz – SUPPORT]

Hi,

1. Go to Appearance -> Customize -> Color – Shortcodes, there you can change the icon hover colors.
2. The height will alter according to the size of the content you added.
3. Try this Custom CSS in Theme Options.

.spb_icon_box.col-sm-3 { padding: 0; }

Let us know,

Thanks,
laranz.

[tylerdurdenphi]

I’ve changed the hover colors as mentioned in #1 but when hovered over the icon still becomes a dark color instead of what I’ve placed there.

[laranz – SUPPORT]

Hi,

Try this Custom CSS in Theme Options.

.sf-icon-box-standard.sf-hover { color: red !important; }

change red to your desired color.

Let us know,

Thanks,
laranz.

[tylerdurdenphi]

This seems to work for 3 out of the 4 icon boxes on the page (http://go-preview.com/). As you can see the third box from the left still does not change to a white icon when hovered.

Any additional help would be appreciated.

[laranz – SUPPORT]

Hi,

Turn off the Animation for that Icon box? If that didn’t solve the issue, could you pass us the WP Login details, we will check that.

Let us know,

Thanks,
laranz.