Comstock Template

[clydejones]

OK read this https://www.zen-cart.com/tutorials/i...hp?article=124
How do I change the Header Image?

By default Zen Cart uses header_bg.jpg for the name of this image, but you can use you own filename for the background image.

Using an image editor, create a new background graphic and save it to includes/templates/CUSTOM/images/your_header_image.???.

Now open your stylesheet.css and find or add the following code.

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

Change the file name to that of your own header image, adjust the width and height to those of your header image, save the stylesheet and upload both files to your server.


but I still can't get the header image to show up is it turned off somewhere
http://www.rvsolarsystems.co.uk/store2/

The link you provided to your store is not working.

[discoverytdi]

The link you provided to your store is not working.

http://www.rvsolarsystems.co.uk/store/ typo sorry

[clydejones]

http://www.rvsolarsystems.co.uk/store/ typo sorry

When you say background image do you mean the "comstock" logo?

if that's the case then check this article in the tutorials/FAQ section:
www.zen-cart.com/tutorials/index.php?article=125

[discoverytdi]

When you say background image do you mean the "comstock" logo?

if that's the case then check this article in the tutorials/FAQ section:
www.zen-cart.com/tutorials/index.php?article=125

Hi Clyde no I'm tying to use this image as my header

with the contact us my account view cart and search etc still visable.
cheers
peter

[clydejones]

Hi Clyde no I'm tying to use this image as my header

with the contact us my account view cart and search etc still visable.
cheers
peter

open includes/templates/comstock/css/stylesheet.css

find the following declaration and make the highlighted change.
make sure you've saved the image to includes/templates/comstock/images/

#logoWrapper {
margin: 0 auto;
padding: 0;
width: 907px;
height:100px;
background: #f2f2f2 url(../images/header.png) no-repeat;
position: relative;
}

[discoverytdi]

open includes/templates/comstock/css/stylesheet.css

find the following declaration and make the highlighted change.
make sure you've saved the image to includes/templates/comstock/images/

#logoWrapper {
margin: 0 auto;
padding: 0;
width: 907px;
height:100px;
background: #f2f2f2 url(../images/header.png) no-repeat;
position: relative;
}

Hi Clyde I'd tried that before but only got it to fill some of the header area http://www.rvsolarsystems.co.uk/store/ i'd like it to fill the whole area
Cheers Peter

[discoverytdi]

Hi Clyde I'd tried that before but only got it to fill some of the header area http://www.rvsolarsystems.co.uk/store/ i'd like it to fill the whole area
Cheers Peter

sorted my image was to small