How do I change the banner background color?

hobbes1020

Joined: 2008-09-15
Posts: 5
Posted: Sat, 2008-09-27 00:25

Is there a way to change the background color in just the banner area? I have changed the site logo to match my website logo and would like to change the background on the banner to match that of my website as well.

I could just take a screenshot of my main page and create a banner but then it would be a fixed width banner. I was hoping to keep the banner dynamic.

When I change background colors in the theme, it changes it for the entire page, not just the banner. I have spent hours pouring through the forums and was wondering if somebody might be able to get me pointed in the right direction.

Thanks!
 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Sat, 2008-09-27 02:02

Add 

#gsHeader {
background-color: red;
}

to the css file of your theme.
use firefox the dev tool and firebug

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
 
hobbes1020

Joined: 2008-09-15
Posts: 5
Posted: Sat, 2008-09-27 02:36

Floridave:

You are my hero!

Thanks!
 
budinsky

Joined: 2008-11-20
Posts: 28
Posted: Wed, 2010-06-02 09:39

The css thing works properly in firefox but for some reason IE7 doesn't show a color in the background. At first it does show the color, then it disappears. Also in IE7 the gallery links disappear. site at www.competitivecars.com

edit: I did manage to find out what I did wrong to the template. All good now :)
 
mrkochevar

Joined: 2010-05-25
Posts: 20
Posted: Thu, 2010-06-03 14:35

where would this be entered in the script,(I want white banner color, and then to edit/use the color packs modules)? the url is www.melikey.com/gallery2

code is
<div id="gsHeader">
<center>
<img src="{g->url href="images/image327.jpg"}" width="50%" height="120" alt=""/>
</center>
</div>
{g->theme include="progressbar.tpl"}
{else}
<div id="gsHeader">
<center>
<a href="http://melikey.com/melikeytest"><img src="{g->url href="images/image327.jpg"}"
width="50%" height="120" alt=""/></a>
</center>
</div>

Again, Floridave, couldnt do any of this without your help, much appreciated on all this.
 
mrkochevar

Joined: 2010-05-25
Posts: 20
Posted: Fri, 2010-06-04 17:47

Ok, my comment was a dumb comment. I need to edit the color module, not the theme.tpl. I am using the matix theme, blue bottle color module. Did the local folder, and attempted to edit the colors. However, changing the background color as you say changes the entire background, not just the banner area. Anyway to just change the top/ banner area?