Page 1 of 1

Bulletproof - narrower header - how?

Posted: Tue Aug 28, 2007 6:26 pm
by JWalker
Hi, what is the way to make the header narrower, with smaller height? Is changing the header picture sufficient ? I use 'blue' colorset.

Posted: Tue Aug 28, 2007 8:04 pm
by Don Chambers
The blue colorset uses the stylesheet blue_style.css. In that file, you will find this:

Code: Select all

#serendipity_banner {
    margin: 0;
    height: 140px;
    background: #3D98C5 url('img/blue_header.jpg') repeat-x center left ;
    border: 0px;
}
The image, blue_header.jpg, is 24 pixels wide by 140 pixels tall and repeats on the x-axis as wide as the banner, which for blue is determined by the visitor's browser window size since the page container, #wrapper, has a declared width of 85%.

You could reduce the height from 140px to whatever you want - it will simply clip off the remaining portion of the background image.

I'm not entirely clear on why you would want it to be more narrow, so perhaps you could elaborate on that?

Posted: Tue Aug 28, 2007 8:12 pm
by JWalker
I'm not entirely clear on why you would want it to be more narrow, so perhaps you could elaborate on that?
The header uses too much space on the screen, and seems somewhat empty. Giving the header less height, more of the entries will be visible.

Posted: Tue Aug 28, 2007 10:13 pm
by yellowled
JWalker wrote:
I'm not entirely clear on why you would want it to be more narrow, so perhaps you could elaborate on that?
The header uses too much space on the screen, and seems somewhat empty. Giving the header less height, more of the entries will be visible.
Do you maybe mean width? I.e., make the header, and only the header, less wide so it fits an image of, say, 800x100px? (Hint: It would also help to give us an URL of your blog ...)

YL

Posted: Wed Aug 29, 2007 6:58 am
by JWalker
Hi,

No, , I mean height, not width. I did what Don Chambers suggested. Now it is ok. May be the word 'narrow' that I used makes some ambiguity here. Now the header is less tall than before - this is what I wanted. I'm sorry, but my blog is in the our company internal network and is not visible outside, so I can't provide an URL.

Thanks.

Posted: Wed Aug 29, 2007 7:12 am
by Don Chambers
Your last post suggests that you accomplished your objective. Is this correct?

Posted: Wed Aug 29, 2007 7:28 am
by JWalker
Yes, all is OK now. Thanks.