Jump to content

How to change Subnav text hover color

Recommended Posts

Site URL: https://therare.la

site: https://therare.la

password: rarity

Hello - I'm really close to getting my site done but I need to figure out how to change the text color of subnav elements on hover. Specifically, in the image below, when I hover over any part of the box for the "Azul" item, I want the text to highlight green instead of highlighting white (which it does currently). I'd like all other colors to remain as is, including the subnav container background, the subnav element box background highlight, and the main nav color and highlights. Please advise on how I may be able to accomplish this.

image.thumb.png.fdc3f1822ae315f94f9b604683b14452.png

Edited by mylesrh
Link to comment
  • Replies 8
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Add to Home > Design > Custom CSS

/* desktop*/
.header-nav-item--active>a {
    color: red !important;
}
/* mobile */
.header-menu-nav-item--active>a {
    color: red !important;
}
/* folder */
.header-nav-folder-item--active a {
    color: red !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
8 hours ago, tuanphan said:

Add to Home > Design > Custom CSS


/* desktop*/
.header-nav-item--active>a {
    color: red !important;
}
/* mobile */
.header-menu-nav-item--active>a {
    color: red !important;
}
/* folder */
.header-nav-folder-item--active a {
    color: red !important;
}

 

Had to change some stuff to hover instead of active, but the correct class names got me far enough to get where I was trying to go. Thanks!

Link to comment
  • 1 year later...
On 4/13/2022 at 9:24 PM, Iwan said:

Hi @tuanphan what is the right set of CSS codes to change subnav items?

https://jeanine-thompson.squarespace.com/ password tuansqsp

It looks like you solved? Or you mean, when hover folder title >> change folder title color only, not all folder title + items?

Edited by tuanphan

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

Hi @tuanphan, thanks, no, what I mean is...currently when you hover over my header nav items they turn pink...as do the subnav items...is there a way to make the hover over the subnav items go a different colour? 

So initially the main menu nav items are all dark grey, then pink on hover, but when you select a subnav can that hover colour be different?

Link to comment
On 4/18/2022 at 4:40 PM, Iwan said:

Hi @tuanphan, thanks, no, what I mean is...currently when you hover over my header nav items they turn pink...as do the subnav items...is there a way to make the hover over the subnav items go a different colour? 

So initially the main menu nav items are all dark grey, then pink on hover, but when you select a subnav can that hover colour be different?

If users on Speaking page >> Hover Speaking >> Change pink to another color?

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.