Hi,

I like Your theam very much ! I have one question.

How can I put an image as a backgound of the region (for example: 'site name' & 'site slogan' an search area part of the header)?

By default it its black and I want to remove the Logo and place as a background of the 'site name' & 'site slogan' an search area an image/baner. What would I have to do to change the backgrounds of each of the regions?

Thank you for reply

Comments

roopletheme’s picture

roopletheme commented

Just add some CSS. It depends on what you're trying to do, and to which region. The current black background on the header is provided by this code in style.css:

div#masthead {
  background:#170808 url(../images/blue/mast-bg.png) repeat-x scroll 0 0;
}

Replace this with your own image and change the code as necessary.

Similarly, the blue background of the User1, User2, and User3 regions is provided by this code in blue.css:

div#section1 {
  background:#104A91 url(../images/blue/topregion-bg.png) repeat-x scroll 0 0;
}

Modify as desired.

Sorry to be so vague, but there are so many variations on what you can do. If this is new territory for you, Firebug sure makes learning this stuff a lot easier.

Bazin’s picture

Bazin commented

Yes, well You are right but the div#masthead is not situated in style.css but in each blu,red,green .css files separatelly. I dont know if its right but its how it is in the code :)

Bazin’s picture

Bazin commented

.. excuse me for double posting... if that bg picture is to short and to high how can I make it strech in width and lower in height? I have tried to set norepeat and 100% in div#masthead but id didn't seem to work...

mrtoner’s picture

mrtoner commented
Status: Active » Closed (works as designed)

Backgrounds do not scale. In your situation, Bazin (and, yes, I know this topic is old, but I ran into the same situation earlier and I'm closing this issue anyway), you may want to replace the logo with your picture. And, of course, you can take the image into an image editor and resize it to your required dimensions before using it as a background or your logo.