Jump to content
Sign in to follow this  
chemmiz

Changing color of header nav menu

Recommended Posts

chemmiz

I am getting a lot of comments on my site that the menu is somewhat difficult to read for some people. The gray on black is a bit stressful ... is there a way to change it to white lettering instead of grey? Thanks

Share this post


Link to post
Share on other sites
kastelic

You want white lettering on that light grey background? Won't that make it much harder to read? Have you already adjusted the background color? Since there's a lot of CSS involved to make this work, I'd like to see your site, so i know which hover-states or selected-states etc. need to be accounted for.

Share this post


Link to post
Share on other sites
chemmiz

Hi! www.gc4vets.com is the site And right now the menu is a black with gray letters and then the hover is light gray with black text

Share this post


Link to post
Share on other sites
catrina

Please add the following CSS to PlatformPro Settings > Custom Code > Custom CSS:

ul#menu-main-menu li#menu-item a {color: #fff;}


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
catrina

Please add this instead:

#nav_row ul#menu-main-menu div.main-nav li#menu-item a:link {color: #fff;}
If that doesn't work, add this:
#nav_row ul#menu-main-menu div.main-nav li#menu-item {color: #fff;}


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
chemmiz

Hmmm... tried those as well and still no dice. I can't figure out why this isn't working! :( Thanks for all your help though

Share this post


Link to post
Share on other sites
chemmiz

Yup: #cred {display:none;} .canvas #page, .full_width #page, body.fixed_width { background: url(" flag.jpg") no-repeat fixed 50% 0 transparent !important; }

Share this post


Link to post
Share on other sites
chemmiz

DO you think this CSS is causing problems with changing the menu colors? Thanks

Share this post


Link to post
Share on other sites
kastelic
	.main_nav li a { color:white !important }
	.main_nav li a:hover {color: black !important }
	

Share this post


Link to post
Share on other sites
chemmiz

WORKS! only one problem now... drop down menu is weird, white text on white .... www.gc4vets.com

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×