Jump to content

Change hover color of header social media icons

Recommended Posts

Posted

Site URL: https://www.climatetechaction.network/

Hi guys, 

 

I'm really confused because I was able to change the color of my social media icons putting this in the custom CSS box:

 

 .header-actions use {
    fill: #00bfff;
}

 

However, I want to also make the menu items change color (Apply, Our Mission, etc) as well as the social media icons when the mouse hovers over them. I've pasted different CSS codes I've found online but none of them work. Can someone please assist?

  • Replies 5
  • Views 1.5k
  • Created
  • Last Reply
Posted
37 minutes ago, RyanDejaegher said:

image.thumb.png.155475d3f2b8c8c5737ad03a01ce8f6b.png

@hoppingbean

you can add this to your custom CSS
 


.header-actions use:hover {
    fill: red !important; 
}

Result:

 

Thank you SOOO much Ryan!!! Now if it isn't too much to ask, could you let me know how to change the hover color of the menu link items as well? (Apply, our mission etc) We are a small nonprofit and really appreciate your help! 

 

I tried this but it did not work:

 

.header-nav-item:hover {
    color: #787878 !important;
}

 

The style of my website is "Malone"

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.