Unlimited Custom Icon Colors

[SSol]

Hi I would like to color code each of our many services and require more than a set of four icon colors. Is there a way to manipulate the icon and icon box shortcodes or apply custom css to achieve this?

Thanks!

[Kyle – SUPPORT]

Hi

You could put the icon boxes in separate text boxes and add an extra class for each text box, and then add custom css to color each icon differently depending on the text box class.

Let me know if you need more help with this

– Kyle

[SSol]

Ok cool, not sure I know what the custom class for that would look like though. I’m using the “left-icon” style boxes and assume that I would need an override class for both icon color and hover color?
Thanks Kyle.

[Kyle – SUPPORT]

Hi

You would need to contain the icon shortcode in a text box asset, where you can add an extra class for e.g. ‘blue-icon’.

And then the class would be:

.blue-icon .sf-icon-cont {
changes here
}

But you would need to add quite a lot of css changes, depending on which icon box you are using.

– Kyle

[SSol]

Ok great, thanks Kyle.

[Kyle – SUPPORT]

No problem

– Kyle