Header troubles

[Time_Is_Now]

Ok I dont get what im missing here but I read the zencart tutorial on how to change my background of my header https://www.zen-cart.com/tutorials/i...hp?article=124

I found the code I think that the tutorial refers too but my code is a little bit differnt and I have tried many different combinations of this code and no luck.

tutorial code -

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

My code -

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

Is that the logowrapper the tutorial refers too?

Help me please Im going crazy with this

[s_t_e_v_e]

If you give a link to your site, it would be easier for members to give you some guidance...

Use Firefox with Firebug Addon for troubleshooting design issues.

I'm not sure if you are misunderstanding the tutorial, but it is suggesting you can use an image type of your choice, either a jpg, png, gif...

if you create an image and save it as your_header.jpg into your folder /images/ then you can edit the stylesheet.css and use;
background-image:url(../images/your_header.jpg);

[Time_Is_Now]

that is what I am doing, trying to add a background image to my header. The problem is that I dont have the code written the exact way that it is in the tutuorial. My #logowrapper is in with my #contentwrapper and others. The tutorial gives me the impression that it should be separate.

Here is my page -

http://tyedanddyed.com/zencart/

[s_t_e_v_e]

You have this in your stylesheet.css

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {stylesheet.css (line 173)
margin:0;
padding:0;
}

remove the ID from that list, and put it below...

#headerWrapper, #contentMainWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {stylesheet.css (line 173)
margin:0;
padding:0;
}

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