How remove underline when fa icons is onhover ?

[Alama32]

How remove underline when fa icons is onhover ?

When i go to with mouse on hover icon, an underline appear, how remove that? text-decoration dont work !

[tagliala]

Hi, I cannot replicate, probably there is a third-party rule with important

https://jsfiddle.net/tagliala/k7heosdc/1/

Please open an issue with a reproducible test case if you think there is an issue with Font Awesome

bug report template for web applications

[Alama32]

Hi, thanks for your speedy reply, but not work , i have tryed.

[Alama32]

I dont undestand this problem.
It's inherent in the icons font awesome, because on gray areas, it doesn't. It's the hover mode on the fa-icons that does that.
I tried with a RAW HTML element and with the WP Coder plugin.
Here is the page in footer, you can go and see with the inspector.
https://ideablog.be/

[tagliala]

Thanks for the reproducible test case.

Here there are the offending rules:

[Alama32]

Thanks for your help, really great, I never would have imagined that it could have something to do with the footer.. I solved the problem with this simple

#footer a { border-bottom: none; }

Really, many thanks

[Alama32]

Apparently I only have the issue when using the code in a Raw HTML element for Wordpress
Live on an empty page, it works well, under the Playgrounds, it works well too.