Post by robocop1953 » Thu Aug 17, 2017 4:12 am

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?
Last edited by robocop1953 on Wed Aug 23, 2017 11:02 pm, edited 1 time in total.

Active Member

Posts

Joined
Wed Jul 17, 2013 2:18 am

Post by cyclops12 » Thu Aug 17, 2017 4:44 am

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

Expert Member
Online

Posts

Joined
Sun Sep 27, 2015 1:10 am

Post by robocop1953 » Thu Aug 17, 2017 10:46 pm

thanks.... exactly where would I locate the background image file if I need to ?

Active Member

Posts

Joined
Wed Jul 17, 2013 2:18 am

Post by cyclops12 » Fri Aug 18, 2017 4:16 am

See code in previous post.
It is not an image it is just a gradient of colours

Expert Member
Online

Posts

Joined
Sun Sep 27, 2015 1:10 am

Post by robocop1953 » Fri Aug 18, 2017 9:24 pm

Ahh!, got it, thanks!

Active Member

Posts

Joined
Wed Jul 17, 2013 2:18 am

Post by CartBot » Wed Jan 01, 2020 8:37 am

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.

Newbie

Posts

Joined
Fri Dec 20, 2019 8:13 pm

Post by IP_CAM » Wed Jan 01, 2020 9:30 am

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.

I don't use Forum Mail, to reach me, contact: jti@jacob.ch
-
Demoversion OpenCart LIGHT v.1.5.6.5
http://www.bigmax.ch/
1'500+ FREE OC Extensions - from OC v.1.5.x up,
on the world's largest OC-related Github Site: https://github.com/IP-CAM
-
Image


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by CartBot » Wed Jan 01, 2020 9:23 pm

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... :crazy:

Newbie

Posts

Joined
Fri Dec 20, 2019 8:13 pm
Who is online

Users browsing this forum: No registered users and 6 guests