How do I change the color of my current page tab in the main navbar?

[erikareinhart 0]

I changed my navbar color successfully. Including the rollover part. BUT the current page selected shows up grey/white instead of the color I wanted it to. How do I fix? I tried using code that I found related to current_page_item but it doesn't seem to change. Here is the code I have added to that section: #primary-nav .texture { background-color: #580a2a; color: #580a2a!important; } #primary-nav .sf-menu li { background-color: #580a2a; border-color: #85063b; } #primary-nav .sf-menu li a { color: #580a2a; } #primary-nav .sf-menu li a:hover { background-color: #580a2a; color: #580a2a;} #primary-nav .sf-menu .current_page_item a { background-color: #580a2a; color: #580a2a !important; } #primary-nav .sf-menu .current_page_item a:hover { color: #580a2a !important; }

[Kate 3]

Try changing this:

#primary-nav .sf-menu .current_page_item a { background-color: #580a2a; color: #580a2a !important; } 

To this:

#primary-nav .sf-menu .current_page_item a { background-color: #580a2a !important; color: #580a2a !important; } 

Although, if I may: did you notice you're assigning the background and text the same color? Probably not a good idea