Streaming live at 10am (PST)

Colour change on hover not working

Hi everyone,

I’m trying to get the background of my menu bar elements to change background colour on hover (to show what the user will click on), but even following all the online tutorials, I cannot get it to work.

Any help would be massively appreciated!


Here is my site Read-Only: https://preview.webflow.com/preview/edwards-blank-site-143218?utm_medium=preview_link&utm_source=designer&utm_content=edwards-blank-site-143218&preview=7ea4f60bcabe539ebd89bdce358a19d3&mode=preview

Hi!

You did it just right on “News” adding a background colour on hover state! I’ve noticed you are using different classes for every link in your navigation. You could either apply one class to all links (I’d recommend that) or you have to add the background colour on hover for each link seperately.

1 Like

How strange, when I was testing it before in preview mode the change absolutely refused to show up, but now it works. Thanks anyway for pointing it out!

And thanks for your comments on the classes. Would it be a better idea just to have them all be the same class, or should I do combined classes (I’m guessing the former)?

Thanks so much!

You are welcome. :wink:

It would be better to use the same class for all of them, as you’d want to style them all the same. If you want to have a special style addition on only one or two of them, use a combo class on those.

1 Like