Return to previous page

Changine Menu colour – Header 6 - by flockpublicity

This topic has 6 replies, 3 voices, and was last updated 9 years ago ago by Eva Kemp

flockpublicity

Participant

April 16, 2015 at 12:33

I would like to change the colour of the menu bar. I am using header 6 – and would like to make the whole menu bar a solid colour (blue) and change the text to white. Is this possible?

#57424 Copied

5 Answers
Brian Johnson

Member

April 16, 2015 at 13:02
Hello
Please add this code into the custom.css:
```
.header-type-6 .menu-wrapper {background: #003A78;}
.menu-wrapper li a{color:white!important}
```
Please watch here how to create custom.css.

With best regards
Brian Johnson
#57439 Copied
flockpublicity

Participant

April 16, 2015 at 16:00

Thanks – worked great but I can no longer see the text on the dropdown menus – can either have the code to turn the backgrounds blue, or the text blue – I don’t mind which

#57511 Copied
Brian Johnson

Member

April 16, 2015 at 17:01
Hello

Please replace previous code with this one:
```
.header-type-6 .menu-wrapper, .nav-sublist-dropdown .container, .nav-sublist {background-color: #003A78;!important}
.menu .nav-sublist-dropdown ul > li ul {background: #003A78;!important}
.menu-wrapper li a{color:white!important}
```
With best regards
Brian Johnson
#57518 Copied
flockpublicity

Participant

April 16, 2015 at 17:29

Thank you – works for the first sub menu, but I have two more levels – sorry I should have mentioned before

#57530 Copied
Eva Kemp

Support staff

April 16, 2015 at 18:55
Hello,

Please add this code as well:
```
.header-type-6 .menu-wrapper .menu-main-container > ul > li .nav-sublist-dropdown ul,  .header-type-6 .menu-wrapper .menu-main-container > ul .nav-sublist-dropdown ul li {
   background-color: rgb(0, 58, 120) !important;
}
```
Regards,
Eva Kemp.
#57549 Copied
Viewing 6 results - 1 through 6 (of 6 total)