Jump to content

HEADING social icons hover color

Go to solution Solved by Beyondspace,

Recommended Posts

  • Solution
5 hours ago, JakeLake said:

Hi - so I've got hover effect in place on social icons, but want the background to shine through so it isn't ALL yellow please?

www.konsulentoppdrag.no

You can try adding to Home > Design > Custom Css

:not(.header--menu-open) .header-actions .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-outline:hover {
  box-shadow: 0px 0px 0px 1px inset !important;
  color:  #f2ba40 !important;
    background: transparent ;

}

Let me know how it works on your site

Support me by pressing 👍  or marking as solution if this useful for you

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

My testing

image.png.3878435812623788da3624e786645aed.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
17 hours ago, Beyondspace said:

You can try adding to Home > Design > Custom Css

:not(.header--menu-open) .header-actions .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-outline:hover {
  box-shadow: 0px 0px 0px 1px inset !important;
  color:  #f2ba40 !important;
    background: transparent ;

}

Let me know how it works on your site

Support me by pressing 👍  or marking as solution if this useful for you

EXCELLENT & thank you for your quick reply!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.