Font change on text hover CSS

Ask the community
, , ,
1

Question:
How do I change the font of a text on hover?

Product:
Wix Studio Editor, Editor X

What are you trying to achieve:
I am wanting to change some of my navigation bar menu fonts when they are hovered over - I’m not great with code so would love the code to this CSS please

SITE LINK: Get Feedback - Wix.com

2

I haven’t tried it with the menu, but I don’t see why it wouldn’t work. In the CSS add :hover to the element where you want a hover effect to happen. So:

.classname:hover{
font-family: yourFont;
}

3

Hey Simen,

Would you mind having a look into this for me?
I’ve attempted to use a few different css options but it doesn’t seem to be working.
I believe this is because I can’t access each individual nav menu link code

If so, please advice how best to share my site with you

Would really appreciate your help
Thanks!!

4

Have you had a look here to try understand how

.horizontal-menu__item-label:hover {
  font-family: 'Arial';
  font-weight: bold;
  color: red;
}