Welcome! To use this support forum, please Login or Join Today!

   

Changing header and footer background color from Black in Impacto

{name}
Rank

Total Posts: 7

Joined 2012-03-09

PM

 
I would like to change my header and footer background color on my site http://www.mariaconsuelo.com/antonio from black to dark blue #001133 Is there an easy way to change this in the CSS files.
{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 
Sure, just open style3.css (Appearance → Editor → style3.css) and change:


#header {
padding: 10px 0px 15px 0px;
background-image: url(./images/style3/header_bg.png);
}
to:
#header {
 padding: 10px 0px 15px 0px;
 background-image: none;
 background-color: #001133;
}


And for the footer, change:


#footer,#footer .container_24 {
background: #2E2F2D url(./images/style3/footer_bg.png) repeat-x center top;
color: #aaa;
text-shadow: #000 1px 1px 0px;
}
to:
#footer,#footer .container_24 {
 background: #001133;
 color: #aaa;
 text-shadow: #000 1px 1px 0px;
}


If you want to keep the background image, you can adjust the coloring from the graphic source files in Photoshop and export/replace images/style3/footer_bg.png, changing the rule above to:

background: #001133 url(./images/style3/footer_bg.png) repeat-x center top;
{name}
Rank

Total Posts: 7

Joined 2012-03-09

PM

 
Hello Casey, I thought I followed your instructions and changed the CSS code but the header and footer still black. What am I doing wrong
{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 
Perhaps you're still looking at a cached version?
It looks blue on my end.
http://screencast.com/t/EKp9WuxZ