Support » Fixing WordPress » How to change the color that surrounds just the header image?

  • Hi all, thanks for any help in advance.

    I’d like to be able to change the color that surrounds the header image on my site: As I purchased it, the theme had black as the background everywhere. Everything in black was too dark for the subject of my site so I decided to change it to something brighter. The only problem for the picture to work, it needs black around it. There is already a black border on the bottom of the picture, but my question is how do I change just the background besides the right and left side of the picture to black?

Viewing 3 replies - 1 through 3 (of 3 total)
  • If you want the background to the sides to extend you’ll need to increase the container element for the design, this is possible but you’ll have to restrict the content elements to maintain a fixed content area…

    You can use this alongside what exists already… (as in, in your style.css)

    #header {background-position:top center!important;background-color:#000!important;margin:0 auto!important;}
    .main {width:100%!important;margin:0 auto!important;}
    .indent {width:850px!important;margin:0 auto!important;}
    .content {padding-top:18px!important;width:100%!important;border-top:3px solid #555;}

    Basically all i’ve done there is declare some attributes for your existing CSS classes or IDs… the use of !important means you can add those lines straight in your stylesheet and they will work,,,

    Of course if you understand the CSS, you can simply update your stylesheet to reflect the changes i’ve shown above… (without the !important bits – only required when forcing override of an existing definition)…

    That did the trick! t31os thank you, thank you. I’m so appreciative of you take the time to help me with this. I’ll definitely pass it on.

    You’re welcome… 😉

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to change the color that surrounds just the header image?’ is closed to new replies.