How to change color of Hover - primary navigation bar in client area

[Mike4286]

I managed to change the background color of the primary navigation bar by adding the following to my custom css file:

.navbar-main {background-color: #222222;
}  

It works fine.

I just can't seem to find how to change the hover color from the default blue.

Anyone know?

 

[Mike4286]

This seems to work (probably better way to do this):

.navbar-main {background-color: #222222;             
} 
.navbar-main .navbar-nav>li>a:hover {
   background-color: green;
}

When logged in, there is blue onclick from dropdown and in "Hello, Name!".

Any suggestions how to change this?

 

Edited November 9, 2023 by Mike4286

[Mike4286]

Nevermind, found it.

.navbar-main .navbar-nav>.active>a,
.navbar-main .navbar-nav>.active>a:focus,
.navbar-main .navbar-nav>.active>a:hover,
.navbar-main .navbar-nav>.open>a,
.navbar-main .navbar-nav>.open>a:focus,
.navbar-main .navbar-nav>.open>a:hover,
.navbar-main .navbar-nav>li>a:focus,
.navbar-main .navbar-nav>li>a:hover {
  color:#ffffff;
  background-color:#008000
}