Streaming live at 10am (PST)

Unable to change hover states on navlinks

Hello everyone,

I’m unable to change the hover states of the navlinks in a portfolio template I’m using. I want to keep the same transition, but just change the color when the mouse is hovering. I’ve looked in both the interactions panel and in effects but I can’t seem to find it.

Thanks in advance!


Here is my site Read-Only: https://preview.webflow.com/preview/portfolio-website-62050b?utm_medium=preview_link&utm_source=dashboard&utm_content=portfolio-website-62050b&preview=27dbd72981960df82e10b86a6713e883&mode=preview
(how to share your site Read-Only link)

Hey, hey!

You can change the states via the little arrow inside the class selector field:

Hey! So it already has a hover state that turns it yellow but the selector is claiming that there is no hover state. I’m just trying to change the color from yellow to blue but I don’t know where it’s getting the yellow color from.

I noticed that! I’d suggest removing the yellow class and recreate the hover effect. So you’d only use one class for this. Have a look at the effects at the bottom of the style tab. The partial background color is made with an inline shadow!

Great thank you so much!