Removing green header at the top of my page

[heimskr75]

How can I remove the green header at the top of the page? I want to keep the image but not the ugly green bar at the top

[SirBuck]

Assuming I know what you are referring to, this can be done in your css.

[heimskr75]

I'm not sure the css will do it. ZC out of the box has the green header at the top of the page with home & login links on the left side and the search box on the right side. I can change the text for the home or login links as well as remove the header search box but I cant make the whole thing disappear- links, green header and all. That is what I'm looking for.

Thanks

[SirBuck]

I'm not sure the css will do it. ZC out of the box has the green header at the top of the page with home & login links on the left side and the search box on the right side. I can change the text for the home or login links as well as remove the header search box but I cant make the whole thing disappear- links, green header and all. That is what I'm looking for.

Thanks

If you are wanting to completely remove that stuff, you can edit the "main page" template and comment them out.

[heimskr75]

I had to play with the tpl_header and css. It still has too much space around it in Firefox but looks good otherwise.

Thanks

[SirBuck]

I had to play with the tpl_header and css. It still has too much space around it in Firefox but looks good otherwise.

Thanks

No problem. Once you understand the basic structure of ZenCart, its pretty easy to figure out where things are controlled.. with a little time.

[nintenshop]

pls help me, i also don't want that bar, i got drop down menu already. pls tell me how to remove it.

[madmumbler]

Remember when you're making these template changes, do NOT change the default Classic template -- create your own template using the override system, install it, and make the changes there. Otherwise, the next update will erase all your changes.

You can remove/change the background images in the stylesheet.css file. I highly recommend using the Firefox browser with the Firebug plug-in installed. Then you can find exactly the line in your css you need to change.

HTH,