Classic Icons - Hover color

[emeffinsteve]

Can I add a “hover color” to classic icons? How about making them a link to something?

I found https://theme.co/apex/forum/t/adding-link-to-classic-icon/14413/2
How do I add a “hover color” to it?

[friech]

Hi There,

Thank you for writing in, the bit of custom CSS below should work.

a:hover i {
	color: red;
}

However, on the thread you linked, I noticed that there is an inline color: rgb(#,#,#); property applied on the code. You need to remove that property or add a !important statement on the custom CSS above.

I have found the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

Hope it helps,
Cheers!

[emeffinsteve]

@friech

a:hover i {
color: red;
}

You guys rock, as always. Thank you!

[basanta]

You are most welcome!