Change Menu Bar Colour Responsive II
-
Hi all,
I want to change the colour of the menu bar on my page.
I know this is probably done using Custom CSS but I have no idea how to code! I’ve tried copy and pasting it from another thread but it didn’t work.
Can anyone help?
Thanks
Adam
-
Hi Adam,
I’m assuming you want to change the colour to the same colour as the background of the site. You can use the following CSS:
#main-menu-container { background-color: #280A51; }To edit the CSS, go to the Dashboard > Appearance > Editor. Make sure the file style.css is selected and add the CSS to the bottom of that page and then click Update File.
That should fix the problem.
For future reference, the best place to get support on this theme will be on the developers site or on the WordPress support forum here.
Cheers
Rob
Legend – thanks!
Note to @robhob
To edit the CSS, go to the Dashboard > Appearance > Editor. Make sure the file style.css is selected and add the CSS to the bottom of that page and then click Update File.
That’s not a good idea. When the theme is updated those changes will be lost.
http://lowerhousecc.com/wp-content/themes/responsive-mobile/style.css
————————————————————–
WARNING: (BEFORE YOU MAKE ANY CHANGES)
————————————————————–
Please do not edit style.css or any other Theme files or
Templates directly. If you do, your customizations will be lost
as soon as you update Responsive.@hop3y Try adding that CSS via custom CSS plugin.
https://wordpress.org/plugins/search.php?q=custom+CSS
Or if you want to “level up” create and activate a child theme and make your changes on the child theme.
^^
I always change it via the custom CSS – I did, but didn’t like the colour!
Any recommendations for the site menu colour other than the background blue?
Is there a way to center the menu bar? (So rather than it being set from right to left, that they are in the centre?)
Would like to bold the font if possible too..
And what about the top header menu?
You can make the text bold with this:
ul.menu { font-weight: bold; }Have a look at this thread for ideas on how to center it.
### UPDATE ###
Just found this on the cyberchimps website: How to center main header menu?Excellent – Bolding the header looks loads better – done!
Any help with the top header menu?
### UPDATE ### Just found this on the cyberchimps website: How to center main header menu?Doesn’t work in the Custom CSS.
It should work. It might be that it’s been overwritten somewhere else. I’d strongly recommend that you create a child theme and enter your CSS changes in it’s style.css file.
The topic ‘Change Menu Bar Colour Responsive II’ is closed to new replies.