Jump to content

Change text link color on hover; code not working

Go to solution Solved by tuanphan,

Recommended Posts

Hi,

http://pelican-mayflower-36wy.squarespace.com

site password: Lincoln22

I am trying to change the color of my text link on hover from red to blue for the individual page navigation:

image.thumb.png.3dc2ab559af04199d5bae2df65064d19.png

This is the code I'm using:

p a {
  text-decoration: none!important;
}
p a:hover {
  font-weight: bold;
  color: #5fb6e4!important;
}

It does change to bold when I hover but it does not change to blue.  Any recommendations?

Thank you!!

 

Link to comment
On 2/5/2023 at 7:50 AM, BlayneG87 said:

Hi @tuanphan - there are these types of links all over the site, About Us, Impact, Services, and more.

The site is live now at https://www.lincolnfamilies.org/

Hi,

It looks like you figured it out? It changed color on hover here

image.png.f0712fa7a719d51d17ca1963180c24ba.png

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
  • Solution
On 2/9/2023 at 5:13 AM, BlayneG87 said:

Hi @tuanphan

I'm referring to the horizontal sticky navigation that's on each page.  I attached photo in my first post but here is another example from the About Us page:

image.thumb.png.2e258eb20de46bd59b76465e0d5f00b9.png

 

In fact, "Commitment to Equity" turns blue but none of the other links and I can't figure out why!

Thanks!

Edit second code to this

a:hover, a:hover span {
    font-weight: bold;
    color: #5fb6e4 !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.