CODEWITHSUNDEEP
csswordpress
Matt Jackson
Matt Jackson

Reputation: 31

How do I style the hover colour of the text in the sub menu?

I have this website I'm working on. Bear in mind I'm not a professional.

Id like to CSS style the font colour, whilst hovering, in the submenus.

Any clues how to do this?

Cheers, Matt

https://willcruickshank.net/new/

Upvotes: 0

Views: 73

Answers (2)

zbys
zbys

Reputation: 463

In your css file, with the class name given to your submenu items, you can define parameters for on hover:

.mn-sub li a:hover {
    color: red;
}

Upvotes: 0

Stephen
Stephen

Reputation: 399

Currently, this is the CSS that controls the hover color of the font in the sub-menu:

.mn-sub li a.active{
   background: rgba(255,255,255, .09);
   color: #f5f5f5 !important;
}

You can change the color on hover to something else by just swapping out the #f5f5f5 with any other color hex code. To make it blue (#0000FF), for example: 

.mn-sub li a.active{
   background: rgba(255,255,255, .09);
   color: #0000FF !important;
}

Goodluck!

Upvotes: 1

Related Questions