Remove gap under header before body...

I need some help please.

I need to remove a white gap that is under the header area, before the body starts.

I want the yellow of the body to touch the black of the header.

I have looked all over for a place to fix this and I can't find the correct file appearantly.

You can see it at https://www.tailormaidbowstrings.com/shop/

Thank you!

You can and probably should do at leat 2 things...WWhat you have is a 'logo' or head image that is 110px tall. Here is the code in your stylesheet.css file as it currently is:

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

I would separate the headerWrapper into its' own entry and add the 2 statements in red and adjust the color to match either the black or the yellow as you see fit and the height to match the image and/or if you desire the black line under make the color black and the height a value over 110px for the height of the line that you want like 120px??
#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, ```
#headerWrapper {
margin: 0em;
padding: 0em;
background-color: #000000;
height: 110px;
}

#contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

I gave that a try but it made things worse.

I removed the gap, but it took the whole center section with the two yellow columns and pushed it way over to the right of the page and removed the black top nav.

:dontgetit

post what you changed....

After experimenting a bit more with it I have discovered that when using internet explorer, the columns line up right and the body stays put, but the very top navigation is covered up.

When viewed with Firefox, the center (main body) is pushed way out to the right and the top navigation is messed up.

I have placed the altered code that was suggested back into place so now you can see what it is doing.

Thanks.

removed this one post because the problem is fixed....

Ok, I have made a little progress.

If I removed the following from the headerWrapper then everything displays correctly in both browsers.

height:  110px
```But, the black section between the header and main body is thicker than I want it to be.

I am thinking I need to tweak something in the mainWrapper maybe?

Any ideas?

This may or may not help you but I had the same problem and managed to move the logo up by changing this in stylesheet.css:

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    float: left;
    }

to this:

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    float: left, top;
    }

Still can't get rid of the line above the logo though I am working on it.

Yay I fixed it.

This might also work for you.

Change this:

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #D5D6D8;
	background-image: url(../images/tile_back.gif);
	padding: 0.5em 0.2em;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #D5D6D8;
	background-image: url(../images/tile_back.gif);
	padding: 0em 0em;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	}

anyone know how to remove a white line above the header_bg image??(as i dont use a logo image, just a background image)..i have disabled (display: none;) the #navMain tags so that the header links (login,home etc) are disabled but there is a white (bout 5-10 px in height) line the width of the template. i think its linked with the background colour of the main wrapper and its also showing in the footer were the copyright text is.
using classic template
cheers
bennythebull

bennyTheBull:

anyone know how to remove a white line above the header_bg image??(as i dont use a logo image, just a background image)..i have disabled (display: none;) the #navMain tags so that the header links (login,home etc) are disabled but there is a white (bout 5-10 px in height) line the width of the template. i think its linked with the background colour of the main wrapper and its also showing in the footer were the copyright text is.
using classic template
cheers
bennythebull

ha quoting myself here..i fixed as i just gave the #mainwrapper a background image of the colour i wanted (about 10px) and set the background-repeat to "no-repeat" see below
The reset of the background shows as the background-color chosen
because the image does not repeat and at default positioning is at the top.

/wrappers - page or section containers/
#mainWrapper {
background-color: #ffffff;
background-image:url(../images/header_bg2.jpg);
background-repeat:no-repeat;
text-align: left;
width: 1000px;
vertical-align: bottom;
border: 0px solid #9a9a9a;
}
:lamo: