Change social-link icon hover color?

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

Hi!

I am wondering if it´s possible to change the hover color on these social-link icons?
I would like the icons to be black and the hover color green (hex #16ca02).

https://www.jonnehansson.com/aboutcontact

Thank you in advance😅

26 minutes ago, jonnehansson said:

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

Hi!

I am wondering if it´s possible to change the hover color on these social-link icons?
I would like the icons to be black and the hover color green (hex #16ca02).

https://www.jonnehansson.com/aboutcontact

Thank you in advance😅

Try adding to Home > Design > Custom Css

.social-icons-color-black.social-icons-style-regular .sqs-svg-icon--list:hover .sqs-use--icon {
  fill: red;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

Yes, it works! Thank you! 

The only thing now is that the hover is "reversed" on the icons. 
Is that possible to fix?

Thank you in advance😅

/Jonne

15 hours ago, jonnehansson said:

Yes, it works! Thank you! 

The only thing now is that the hover is "reversed" on the icons. 
Is that possible to fix?

Thank you in advance😅

/Jonne

Don't remove any code in your current code. Add this CSS

a:hover use.sqs-use--icon {
    fill: #16ca02 !important;
}
nav.sqs-svg-icon--list .sqs-use--icon {
    fill: black !important;
}

Yes! It works! 

Thank you😃

/Jonne