Is it possible to set background colours for icons before they are moused over?
Currently, the icon shortcode displays an icon in a circle with a grey background, which turns a certain colour and displays an animation when moused over.
would yield the icon on the left in the attached image, which upon mouseover turns into the icon on the right with the red background.
However, is it possible to set it so that all the icons within a given section already have coloured backgrounds before they are moused over? So, for example, the icons in one section would have red backgrounds, the icons in another section would have green backgrounds, and so on. When moused over they would display their animation and perhaps turn grey or another colour.
I dont see this possible at the moment without custom work. This might help write up Custom CSS: https://support.woothemes.com/hc/en-us/articles/203105957-Customizing-your-theme-with-Firebug .
Hi,
Is it possible to set background colours for icons before they are moused over?
Currently, the icon shortcode displays an icon in a circle with a grey background, which turns a certain colour and displays an animation when moused over.
For example, the following code:
would yield the icon on the left in the attached image, which upon mouseover turns into the icon on the right with the red background.
However, is it possible to set it so that all the icons within a given section already have coloured backgrounds before they are moused over? So, for example, the icons in one section would have red backgrounds, the icons in another section would have green backgrounds, and so on. When moused over they would display their animation and perhaps turn grey or another colour.
Hey ,
I dont see this possible at the moment without custom work. This might help write up Custom CSS: https://support.woothemes.com/hc/en-us/articles/203105957-Customizing-your-theme-with-Firebug .
Thanks
ThemeNectar Support Team