Jump to content
Sign in to follow this  
liverpoolfootballblog

How to change background color of main navigation using CSS?

Recommended Posts

liverpoolfootballblog    0
liverpoolfootballblog

Hi, I want to change the background color of my main navigation to red and the text to white. I also want to change the background color to black when a user hovers over a menu-item. It doesn't seem to be possible using design control because it ends up changing the color of the page background too. So, could anyone please tell me what CSS code I need to add to make this happen? URI is http://liverpoolfootballblog.com

Share this post


Link to post
Share on other sites
catrina    103
catrina

It appears that the look you want is already there. Do you mean that you want a different shade of red...?


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
liverpoolfootballblog    0
liverpoolfootballblog

Ahhh yes I figured it out while I was waiting. The problem was that the custom css section wasn't saving my updates. I think it may be a bug. The changes worked if I put them in my base.css file though. The only thing I would like to do now is to change the color of the text to white when it is hovered over. At the moment it is grey. What code would I need for that.

Share this post


Link to post
Share on other sites
catrina    103
catrina

You'll need this (pasted into base.css):

ul.main-nav li.page_item a:hover {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

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  

×