Remove hover effects from footer social icons.


Would it be possible to remove hover effects from the social icons using CSS?
I’d like the icons to not flash when the cursor hovers.

Thanks in advance,

Hi Bananaman,

I hope you are well today and thank you for your question.

You can remove it by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

#page .social-icons li a:hover {
    background-color: #DADADA !important;

Best Regards,

Thanks, Movin,

I only wanted to affect the social icons in the footer, so I did:
#footer-area .social-icons li a:hover {

You are most welcome here :slight_smile: