Jump to content

Change colour of links on hover

By CJoose, in Customize with code

Go to solution Solved by Lesum,

Recommended Posts

CJoose Level 4

CJoose

Posted
Posted

Site URL: https://orb-robin-wn9f.squarespace.com

Hi,

On the Contact Us page (https://orb-robin-wn9f.squarespace.com/contact-us) , I want to change the colour of links (phone numbers, email addresses) on hover to a different colour

This is the current CSS I'm using, but it doesnt work. I've applied it at the section elements

section[data-section-id="66c64089e908a042ea0d5fdf"] a:hover {color: var(--cta);}

Any thoughts or help much appreciated?

Thanks

 

Link to comment
  • Replies 2
  • Views 374
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

  • Solution
Lesum Level 9

Lesum

Posted
  • Solution
Posted

@CJoose  Hi! You can add this code under Website > Pages > Website Tools > Custom CSS 

section[data-section-id="66c64089e908a042ea0d5fdf"] {
    a[href^="tel:"]:hover span, a[href^="mailto:"]:hover span {
        color: var(--cta);
    }
}

 

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer
☕ Did you find my contribution helpful? Buy me a coffee?

Link to comment

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources