Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Header image not showing, help please

Header image not showing, help please

Locked

Views: 808

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
25 Mar 2010, 10:19 AM
#1
tam21 avatar

tam21

New Zenner

Join Date:
Mar 2010
Posts:
5
Plugin Contributions:
0

Header image not showing, help please

Hi, I've searched through but can't find an answer to this so hoping someone can help me :)

My header image is not showing at all. The space changes size to accommodate it, but it's blank.

I've changed the style sheet to:

#logoWrapper{
width:978px;
height:250px;
background-image:url(../images/full_header978250.jpg);
background-repeat:no-repeat;

And I've checked the source as it shows on the page itself which reads as:

<div id="logoWrapper"> <div id="logo"><a href="http://www.pop-bang.co.uk/store/"><img src="includes/templates/template_default/images/" alt="" /></a></div> </div> <br class="clearBoth" />

Not sure if this is the relevant bit, but if it is I don't know why it's showing as the default images folder. The image I've put in the stylesheet is in the images folder on the same level as the css folder in my custom template folder.

My site is here https://www.pop-bang.co.uk/store if that helps.

Please help!

25 Mar 2010, 11:00 AM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Header image not showing, help please

You have kind of a mess here:

#headerWrapper, #contentMainWrapper, #logoWrapper{
width:978px;
height:250px;
background-image:url(../images/full_header978250.jpg);
background-repeat:no-repeat;
}

You've set each of those wrappers to a width of 978px and a height of 250px.

Separate them into their own statements and style each one individually, with the background image in #logoWrapper.

25 Mar 2010, 11:25 AM
#3
tam21 avatar

tam21

New Zenner

Join Date:
Mar 2010
Posts:
5
Plugin Contributions:
0

Re: Header image not showing, help please

Ok thanks, I've separated it out, now it just shows as a red x in the header. Any idea what I'm still doing wrong?

25 Mar 2010, 12:45 PM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Header image not showing, help please

And the image file full_header978250.jpg is in includes/templates/custom/images ?

25 Mar 2010, 12:55 PM
#5
tam21 avatar

tam21

New Zenner

Join Date:
Mar 2010
Posts:
5
Plugin Contributions:
0

Re: Header image not showing, help please

yes it is

25 Mar 2010, 3:01 PM
#6
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Header image not showing, help please

Reason I asked was when I open your site in Firefox, right click on the area where the image would be and select View Background Image, here's what I get:

The requested URL /store/includes/templates/CUSTOM/images/full_header978250.jpg was not found on this server.

25 Mar 2010, 4:22 PM
#7
tam21 avatar

tam21

New Zenner

Join Date:
Mar 2010
Posts:
5
Plugin Contributions:
0

Re: Header image not showing, help please

Yeah that's what I got too when I tried that. I'm confused.

25 Mar 2010, 8:17 PM
#8
tam21 avatar

tam21

New Zenner

Join Date:
Mar 2010
Posts:
5
Plugin Contributions:
0

Re: Header image not showing, help please

Finally worked it out, I'd inadvertantly capitalised the 'i' of Images when I made the folder, so the path wasn't matching. Thanks for all your help!