Header image cut off on the bottom?

[whatisthat456]

I have replaced the header_bg.jpg file with my own image but the bottom of it is cut off? the new image is same size as the default. Any help is always appreciated.

[kobra]

Can't see a thing...
Where is your site?

[swimmer35]

I also am having an issue with the header_bg height.

I made it in psd. and the same size as your logo (header_bg.jpg)

can I make that higher - 120 instead of 110? Thank you for your help.

I am using 1.3.8

Julie
http://www.snugabugz.com

[kobra]

swimmer35,

Edit a copy of tpl_header.php for your template and delete the clear in red

<div id="headerWrapper">
<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
    <ul class="back">
    <li><a href="http://snugabugz.com/">Home</a></li>

    <li><a href="http://snugabugz.com/index.php?main_page=login&amp;zenid=5f3067298897f49411494fedf285f951">Log In</a></li>

</ul>
</div>
<div id="navMainSearch"><form name="quick_find_header" action="http://snugabugz.com/index.php?main_page=advanced_search_result" method="get"><input type="hidden" name="main_page" value="advanced_search_result" /><input type="hidden" name="search_in_description" value="1" /><input type="hidden" name="zenid" value="5f3067298897f49411494fedf285f951" /><input type="text" name="keyword" size="6" maxlength="30" style="width: 100px" value="Enter search keywords here" onfocus="if (this.value == 'Enter search keywords here') this.value = '';" onblur="if (this.value == '') this.value = 'Enter search keywords here';" />&nbsp;<input type="submit" value="Search" style="width: 45px" /></form></div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->

[swimmer35]

Thank you - that will allow the "header" to be what ever size the header_bg is?

or is there another change I need to make?

TY
(and I cut out all the red correct?

J

[kobra]

swimmer35,
That will collaspse the withe space at the top of your background
Size should not matter but if it does post back

[whatisthat456]

#logoWrapper {
width:760px;
height:110px;
background-image:url(../images/your_header_image.???);
background-repeat:no-repeat;
}

I just had to change the height of the logo wrapper in the stylesheet.css to the same size as my header_bg.jpg and now my image is not cut off. I thank you all again for the replies!

[swimmer35]

Kobra, that tip just moved the white line up - so that it cut the green off.

whatisthat456, that worked perfectly!!

Thank you

I have an additional question:

If i have a small logo but want to have it repeated less on the background how would I do that?

Would I increase the base size or is there a setting?

Thank you again

Swimmer35