Jump to content

Social media icon hover color

Recommended Posts

  • Replies 2
  • Views 2.6k
  • Created
  • Last Reply
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;
    }

Link to comment
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! 🙌

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.