Jump to content

Change text color on hover for only one nav page

Recommended Posts

Posted

Site URL: https://butterfly-turkey-4tjs.squarespace.com/

Hello,

I'm trying to change the color of the text from black to white on the "Work" nav page with the three links. Right now I've figured it out to make it change the background to white, but I want the text color to change to white instead. Also I only want it to happen on this one nav page, not on other pages like the "blog".

 

Here's the css i'm using now:

/* Page content link color */
#page a:hover {
    background-image: linear-gradient(to right,currentColor 100%,currentColor 0) !important;
    color: white;
}

Website is linked here and password below. Thanks!

pw: disco

  • Replies 4
  • Views 442
  • Created
  • Last Reply
Posted
On 9/9/2021 at 11:52 PM, chefwillgmr said:

Site URL: https://butterfly-turkey-4tjs.squarespace.com/

Hello,

I'm trying to change the color of the text from black to white on the "Work" nav page with the three links. Right now I've figured it out to make it change the background to white, but I want the text color to change to white instead. Also I only want it to happen on this one nav page, not on other pages like the "blog".

 

Here's the css i'm using now:

/* Page content link color */
#page a:hover {
    background-image: linear-gradient(to right,currentColor 100%,currentColor 0) !important;
    color: white;
}

Website is linked here and password below. Thanks!

pw: disco

Hi,

disco

Incorrect password. Can you check it again?

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!)

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.