Top Menu Backround and font Color

This topic has 7 replies, 2 voices, and was last updated 7 years, 8 months ago by Mahesh.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
March 14, 2017 at 12:01 am #111881

Malni
Participant

Hi,

which Code do I need in the CSS Customizer to change the Top/Primary Menu?

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation li:hover > a, .main-navigation li.focus > a {
color: #f9a21f;
}

is not working 🙁

March 14, 2017 at 12:28 am #111882

Malni
Participant

it is theme catch base

March 14, 2017 at 9:45 am #111910
Mahesh
Participant
@malni: Go to Dashbaord=> Appearance=> Customize=> Additional CSS box and add the following CSS:
```
.catchbase-nav-menu .current-menu-item > a, 
.catchbase-nav-menu .current-menu-ancestor > a, 
.catchbase-nav-menu .current_page_item > a, 
.catchbase-nav-menu .current_page_ancestor > a, 
.catchbase-nav-menu li a:hover, 
.catchbase-nav-menu li a:focus, 
.catchbase-nav-menu .sub-menu li a:hover, 
.catchbase-nav-menu .sub-menu li a:focus, 
.catchbase-nav-menu .children li a:hover, 
.catchbase-nav-menu .children li a:focus {
	color: #00ff00;
}
```
Regards,
Mahesh
March 14, 2017 at 2:34 pm #111928

Malni
Participant

THX Mahesh,

but now only the mouseover is in another color.
I need the whole menu-band backround color from left to right in gold and the font in white.

Like this:

https://www.dropbox.com/s/rwetf1emkvh4qil/catchbase%20explain.jpg?dl=0

March 15, 2017 at 12:56 pm #111995
Mahesh
Participant
@malni: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:
```
.catchbase-nav-menu a, 
.sidebar-header-right .widget_nav_menu a {
    color: #fff;
}

.nav-primary,
.catchbase-nav-menu .sub-menu a {
    background-color: #ffd700;
}
```
Regards,
Mahesh
March 15, 2017 at 2:40 pm #112002

Malni
Participant

Great, that worked many thanks

March 15, 2017 at 4:29 pm #112006

Malni
Participant

oh, is it possible to leave the links in the menu white and the font black, when the menu is open it is a bit to much:

https://www.dropbox.com/s/nfsbpqxkrndew0h/screenshot%202.jpg?dl=0

March 16, 2017 at 11:00 am #112084
Mahesh
Participant
@malni: Remove all the above CSS, and put in the following CSS:
```
.catchbase-nav-menu a, 
.sidebar-header-right .widget_nav_menu a {
    color: #fff;
}

.nav-primary,
.catchbase-nav-menu .sub-menu a {
    background-color: #ffd700;
}
  
.catchbase-nav-menu .current-menu-item > a, 
.catchbase-nav-menu .current-menu-ancestor > a, 
.catchbase-nav-menu .current_page_item > a, 
.catchbase-nav-menu .current_page_ancestor > a,
.catchbase-nav-menu li a:hover, 
.catchbase-nav-menu li a:focus,
.catchbase-nav-menu .sub-menu li a:hover, 
.catchbase-nav-menu .sub-menu li a:focus, 
.catchbase-nav-menu .children li a:hover, 
.catchbase-nav-menu .children li a:focus {
	color: #000000;
}
```
Regards,
Mahesh
Author

Posts