Jump to content

Change text color on hover for only one nav page

Recommended Posts

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

Edited by chefwillgmr
Link to comment
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!)

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.