change header color in WordPress

3 replies
can someone help me figure out how to change the color in my header on wordpress?

here's the revelant code.. i think.

Code:
@import url('styles/2c-r.css');

@import url('styles/wp.css');


body {
    background: none repeat scroll 0 0 #F9F9F0;
    margin: 0;
    padding: 0;  
    color: #222;
    text-align:center;
    font: 100.1% Verdana,"BitStream vera Sans",Helvetica,Sans-serif;    
}

#wrapper{
    width: 1000px;
    margin: 0px auto;
    padding: 0px;
    text-align:left;
    font-size: 78%;
    line-height:20px;    
}


a{
    color:#2970A6;
    text-decoration: none;
    
}

a:active, a:hover{
    color: #F92117;
}

a:hover{
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    font-family:tahoma,arial,helvetica,sans-serif;
    font-weight: normal;
        clear: both;
}

h1, h2, h3, h4, h5, h6 {
    display:block;
    margin: 0 0 20px;    
}

h1 {
    font-size: 1.9em;
}

h2 {
    font-size: 1.6em;
}

h3 {
    font-size: 1.3em;
}

h4 {
    font-size: 1.1em;
}

h5 {
    font-size: 1.0em;
}

h6 {
    font-size: 0.9em;
}


hr {
  background-color: #999;
  border:0;
  height: 1px;
  margin-bottom: 1.5em;
}

#surheader{
    width: 1000px;
    margin: 0 auto;
    color:white;
    text-align: right;
    font: 75% Arial,Helvetica,Sans-serif;
    padding: 6px 0 0 0;    
}

#surheader a{
    color: white;
#change #color #header #wordpress
  • Profile picture of the author bizwebstart
    If you are using Wordpress's own themes you can edit and change the colours without changing any of the code. Here is a link to information on Wordpress site (not affiliate) Search › editing themes
    Signature
    Need a Video creating? Affordable Web Videos
    {{ DiscussionBoard.errors[3193115].message }}
  • Profile picture of the author discgolftraveler
    It looks like your header color is white? It's hard to tell because every code is a little different. Where it says color: white; try changing it to a hex color... for example color: #333333;

    That could work. If not, most themes have editors for simple options like that.

    #surheader{
    width: 1000px;
    margin: 0 auto;
    color:white;
    text-align: right;
    font: 75% Arial,Helvetica,Sans-serif;


    padding: 6px 0 0 0;
    {{ DiscussionBoard.errors[3193457].message }}
  • Profile picture of the author Abledragon
    If you're using Firefox you can install the firebug add-on. That will enable you to find the exact selector you need to change. Here's an article on how to do that:

    How to Customise WordPress Appearance | Create an Awesome Home Business

    Cheers,

    Martin.
    Signature
    WealthyDragon - Earning My Living Online
    {{ DiscussionBoard.errors[3193768].message }}

Trending Topics