Jump to content

Hover change for footer links

Go to solution Solved by Jia,

Recommended Posts

  • Solution
8 hours ago, emRSD said:

Site URL: https://redstormdesign.squarespace.com/

Hi there,

I'm stuck on getting the hover to change the link colour in the footer. Could someone please help me with this? I've tried a number of codes but nothing works.
 

Hi, try adding this to custom css. Just change 'red' to your preferred colour or hex code.

section[data-section-id="61b683e3ec1414216645742b"] span.sqsrte-text-color--black:hover {
  color:red;
}

If you want to change the colour of the underline as well, add this code:

section[data-section-id="61b683e3ec1414216645742b"] a:hover {
  color:red !important;
}

Let me know how it goes 🙂 

Please give this a 👍 if it helps. Make sure to quote me or tag me in your reply, otherwise I won't be notified.

Link to comment
  • 1 year later...

Just located this thread - the code you offered is not working on my site (as of spring 2024). Is there updated code you know of to achieve the same hover effect for links in my site footer?

 

Thank you!

Link to comment
On 3/9/2024 at 11:27 AM, kO_analog said:

Just located this thread - the code you offered is not working on my site (as of spring 2024). Is there updated code you know of to achieve the same hover effect for links in my site footer?

 

Thank you!

Use this code, if it doesn't work, you can share site url, I can check easier

footer.sections a:hover, footer.sections a:hover * {
	color: #f1f !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.