How to change Subnav text hover color

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.

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;
}

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!

ah sorry, use this code

.header-nav-item>a:hover {
    color: red !important;
}

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

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

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?

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?

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?

It's ok, thanks Tuan, I got sorted 🙂