CODEWITHSUNDEEP
csswordpresscolorsnavigation
Will Whitehead
Will Whitehead

Reputation: 11

How do I Change Navigation Background Color With CSS

This is the site in question: http://bnurowing.com

I would like to change every part of the current orange navigation background with red (#bf2323).

Can someone please tell me the lines of CSS code I need to replace the values of?

I've tried changing some of the values but when I hover over 'Committee & Coaches' (About > Our Club), it turns to this red color when I want it to stay black.

Any advice would be much appreciated!

Upvotes: 0

Views: 112

Answers (2)

Xareyo
Xareyo

Reputation: 1377

Change #F24830 in style.css to:

(line 291)

.sf-menu > li > a:hover, 
.sf-menu > li.sfHover > a, 
.sf-menu > li.current-menu-item > a {
    background: none repeat scroll 0 0 #BF2323;
}

(line 310)

.sf-menu li li a {
    background: none repeat scroll 0 0 #BF2323;
}

Most modern browsers have an inbuilt DOM inspection tool, so you can see where and what styles are being applied on the specific element(s).

Upvotes: 2

matthiasgh
matthiasgh

Reputation: 321

In

li.current-menu-item > a {
background: ##bf2323;
}

Try That.

Upvotes: 0

Related Questions