Change the color of the header!

  • Unknown's avatar
    wtfreally · Member ·

    Hello

    I am having a huge problem with something which should be simple.

    I just want to change the color of the header at the top of an imported free WP theme. I am looking within the CSS and header.php code, both in the /themes folder and there is seemingly nowhere to specify the color. here is the code from style.css:

    */

    * {
    margin: 0; padding: 0;
    }
    body {
    text-align: center;
    font: 12px Verdana;
    color: #282828;
    background: url(images/body.gif) repeat-x 0 0;
    }
    a {
    text-decoration: none;
    color: #282828;
    }
    a:hover {
    text-decoration: underline;
    }
    img {
    border: 0;
    }
    .break {
    font-size: 0;
    width: 0; height: 0;
    clear: both;
    }
    .alignleft {
    float: left;
    margin: 4px 10px 5px 0;
    }
    .alignright {
    float: right;
    margin: 4px 0 5px 10px;
    }
    .hidden {
    display: none;
    }
    .noimage img {
    display: none;
    }

    #wrapper {
    width: 980px;
    margin: auto auto;
    text-align: left;
    position: relative;
    }

    #rss {
    position: absolute;
    width: 54px; height: 69px;
    background: url(images/rss.jpg) no-repeat 0 0;
    top: 145px; left: 682px;
    }

    /** BEGIN header **/
    #header {
    height: 166px;
    }
    #header ul {
    list-style-type: none;
    }
    #header ul li {
    float: left;
    text-transform: uppercase;
    font-size: 0.9em;
    }
    #header ul li a {
    color: #aaaaaa;
    font-weight: bold;
    display: block;
    padding: 10px 10px 11px;
    }
    #header ul li a:hover {
    color: #ffffff;
    font-weight: bold;
    display: block;
    padding: 10px 10px 11px;
    background-color: # ;
    text-decoration: none;
    border-top: thin #ff9999 solid;
    border-left: thin #6a6a6a solid;
    border-right: thin #6a6a6a solid;
    }

    #header .ad {
    clear: both;
    padding-left: 500px;
    position: absolute;
    top: 70px;
    border: 0px;
    }
    #header .ad a {
    display: block;
    outline: none;
    width: 468px;
    height: 60px;
    }

    #header h1 {
    clear: both;
    padding-top: 25px;
    }
    #header h1 a {
    display: block;
    text-indent: -9999px;
    background: url(images/IMG2.gif) no-repeat 0 0;
    outline: none;
    width: 496px; height: 87px;
    }
    /** END header **/

    and here is the code from header.php:

    <!– BEGIN html head –>
    <head profile=”http://gmpg.org/xfn/11″>
    <meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />
    <title><?php bloginfo(‘name’); ?> <?php wp_title(); ?></title>
    <script type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/script.js”></script>
    <link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘stylesheet_url’); ?>” />
    <!–[if IE]><link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘template_url’); ?>/ie.css” /><![endif]–>
    <?php wp_head(); ?>
    </head>
    <!– END html head –>

    <body>
    <!– BEGIN wrapper –>
    <div id=”wrapper”>

    <!– BEGIN header –>
    <div id=”header”>

    <!– begin pages –>

    <!– end pages –>

    <h1>“><?php bloginfo(‘name’); ?></h1>

    <!– begin 468×60 buttons –>
    <div id=”ad468x60″ class=”ad”>
    <?php include(“ad468x60.php”); ?>
    </div>
    <!– end 468×60 buttons –>

    </div>
    <!– END header –>

    Any ideas? Its driving me crazy

    M

  • Unknown's avatar
    sambauers · Member ·

    You did not specify a blog address or reason for posting when you created this topic.

    This support forum is for WordPress.com hosted blogs only. If you have a self-hosted WordPress blog you need to seek help at the WordPress.org forums, not here.

    If you don’t understand the difference, you may find this information helpful.

  • The topic ‘Change the color of the header!’ is closed to new replies.