Change Menu Bar Colour
-
Hi,
I’ve created a child theme and have made some basic changes to the css, but I’m struggling to find the correct line/lines to change the menu bar. i wish to change the colour from #333 to a custom colour.
Can you point me in the right direction in the css please.Thank you
– Mel
-
http://snag.gy/RCOsq.jpg – outlined in red.
E.g. put this in your Child Theme style.css file:.main-menu > li > a { color: deeppink; }how to change this strange color?
[NSFW] http://postimg.org/image/6ri5f0djd/@h00lysh*t, Please use a decent image-sharing service and create your own thread:
Hi melskell,
The navigation bar doesn’t use the color #333. The background color is #1d1d1d and the text color is #999. Could you elaborate?
– Anders
Hi Anders,
Thanks for your reply. Yes it’s the navigation bar I would like to change, but I can’t seem to find the correct line in the css.
– Mel
PS Love the theme!
Hi melskell,
To change the background color, install a custom CSS plugin like Simple Custom CSS and enter the following code:
.navigation { background-color: #XXXXX; }Let me know how it goes.
– Anders
Hi,
Thanks for your quick response, but that doesn’t seem to do anything?
Any ideas?
– Mel
Try this instead:
div.navigation.section.no-padding.bg-dark { background-color: #XXXXX; }– Anders
That worked! I was just wondering how to change the submenu color as well? Thanks.
You also can use custom menu color by changing the line 237 in “style.css”:
.bg-dark { background-color: #1d1d1d; }
The topic ‘Change Menu Bar Colour’ is closed to new replies.
