Social media icon hover color

Site URL: https://www.swissariknife.com/

Hi there,

I was wondering if someone could help me figure out how to add custom CSS code that changes the color of my social media icons on hover. They are currently in the footer of my site.  I want them to be red, hex code is: #EF233C

Site password: 1886

Any help is greatly appreciated. 😁

2 hours ago, Ariariari said:

Site URL: https://www.swissariknife.com/

Hi there,

I was wondering if someone could help me figure out how to add custom CSS code that changes the color of my social media icons on hover. They are currently in the footer of my site.  I want them to be red, hex code is: #EF233C

Site password: 1886

Any help is greatly appreciated. 😁

Hi. try this code.

.sqs-svg-icon--list {
    a:hover {
        opacity: 1 !important;
    }
    a:hover .sqs-use--icon {
        fill: #EF233C !important;
    }
} 

10 hours ago, Agha_Waqas said:

Hi. try this code.

.sqs-svg-icon--list {
    a:hover {
        opacity: 1 !important;
    }
    a:hover .sqs-use--icon {
        fill: #EF233C !important;
    }
} 

Worked perfectly, thank you! 🙌