Page 1 of 1
How to change navigation menu bar color??? SOLVED
Posted: Thu Aug 17, 2017 4:12 am
by robocop1953
Trying to change the color of the navigation menu bar and have gone through the stylesheet.css file but unable to pinpoint where to change the code??? Have tried everywhere I found #229ac8 (the light blue) and changed to the color code that I want, but nothing changes?
Re: How to change navigation menu bar color???
Posted: Thu Aug 17, 2017 4:44 am
by cyclops12
In your stylesheet.css you will find around lines 194 on
Code: Select all
#menu {
background-color: #229ac8;
background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
background-repeat: repeat-x;
border-color: #1f90bb #1f90bb #145e7a;
min-height: 40px;
}
If you change the background-color then you will also need to either change the background-image or comment it out to see the change
Re: How to change navigation menu bar color???
Posted: Thu Aug 17, 2017 10:46 pm
by robocop1953
thanks.... exactly where would I locate the background image file if I need to ?
Re: How to change navigation menu bar color???
Posted: Fri Aug 18, 2017 4:16 am
by cyclops12
See code in previous post.
It is not an image it is just a gradient of colours
Re: How to change navigation menu bar color???
Posted: Fri Aug 18, 2017 9:24 pm
by robocop1953
Ahh!, got it, thanks!
Re: How to change navigation menu bar color??? SOLVED
Posted: Wed Jan 01, 2020 8:37 am
by CartBot
I would also like to change the hover color of the buttons in the menu to #CD2454 (kind of a dark pink). Can you tell me what line I head to for that? And, last but not least, change the global text color to a dark teal with a hover dark gray. Thanks.
Re: How to change navigation menu bar color??? SOLVED
Posted: Wed Jan 01, 2020 9:30 am
by IP_CAM
Well, at best, find out, what color value your existing Navigation Menu now has,
and look for the same Value in your stylesheet.css file, and change it according
your requirements. It's the best way, for those, unable to understand, that OC
consists out of multiple Versions, and so uses multiple ways of 'defining' such values.
Re: How to change navigation menu bar color??? SOLVED
Posted: Wed Jan 01, 2020 9:23 pm
by CartBot
That's what I'm looking at. I figured out how to change the overall color of the menu bar, but the hovering button color is where I'm having problem. It's a darker teal now, (matching the overall color scheme) since I change the color of the whole menu bar. But not able to change it to a light maroon. Anyone know the line number I should go to, to change the button hover color?
I know just enough about code to be dangerous...
