CODEWITHSUNDEEP
csswordpressmenucolorsheader
hereskellie
hereskellie

Reputation: 51

No matter what I try the header won't change color

i have the following website

http://cancersurvivorshipireland.com/cancersurvivorshipireland.com/wordpress/

and I'm trying to change the header menu color. I have previously changed the colour for the menu items themselves from code that someone provided here and it was very helpful however no matter what I do I can't change that dirty blue color to something nicer.

I have tried various types of code:

top-header {
    background-color: white;
}

header {
    background-color: white;
}

.sf-menu {       
 position: relative;         
 padding: 0;         
 width: 100%;        
 border-bottom: 3px solid #e9e9e9;       
 background: #ffffff !important;
}

Upvotes: 0

Views: 4598

Answers (1)

rnevius
rnevius

Reputation: 27092

It you visit the actual stylesheet that's doing the overriding, you'll see that it's a custom stylesheet that's being generated by theme options. It doesn't even exist on the server as an actual .css file. It's also the last styles being called on the page.

Rather than editing a different CSS stylesheet and using !important to override this, you're better off updating it (or even removing this, if possible) from the WP Admin theme options.

Also, as mentioned by the (now deleted?) other answer, you need to make sure you're prefixing the .top-header class with a .. Your question doesn't currently show this.

Upvotes: 1

Related Questions