Return to previous page

How to change the colour of the Menu Bar?

This topic has 8 replies, 3 voices, and was last updated 9 years, 9 months ago ago by Robert Hall

mwhitman

Participant

July 29, 2014 at 12:10

Hi guys,
Where can I can the colour of the menu bar? I would like to change it from black to #1c4e7f
Thanks,
Mark

#11174 Copied

7 Answers
Robert Hall

Support staff

July 29, 2014 at 12:28
Hello,

Put this code into the custom.css file.
```
.main-nav {
background:#1c4e7f;
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#11179 Copied
mwhitman

Participant

July 29, 2014 at 12:45

Cheers, thanks Robert

#11186 Copied

Robert Hall

Support staff

July 29, 2014 at 12:47

You’re welcome!
If you have any questions don’t hesitate to contact us.

Regards,
Robert Hall.

#11187 Copied

mwhitman

Participant

July 29, 2014 at 16:22

Hey Robert, Managed to get the menu bar to change colour, but the active menu item remains black. Can’t seem to figure out how to change it so it stays blue, and perhaps have a white line underneath to show that it is active (it use to have a blue line but that is obviously not visible now as the menu bar is blue.

Would really appreciate if you could take a look: http://prestigebrands.net.au/

#11243 Copied
Eva Kemp

Support staff

July 29, 2014 at 18:09
Hello,

Please add this code into custom.css file and change the color value to yours:
```
.main-nav .menu > li.current-menu-item > a {
    background-color: #00F;
}
```
Regards,
Eva Kemp.
#11270 Copied
mwhitman

Participant

July 30, 2014 at 07:09

Thanks Eva!!

#11318 Copied

Robert Hall

Support staff

July 30, 2014 at 07:21

You’re welcome!

Regards,
Robert Hall.

#11320 Copied
Viewing 8 results - 1 through 8 (of 8 total)