Problem: Missing header image on page

danroseman · #1 Aug 7, 2011, 03:24 PM

Hi,

I'm having trouble with the header images on new pages. I made a new gallery page, but the header image is gone. See below:

Proper display: http://www.gailjewelers.com/collecti...imal-instinct/

Problem page: http://www.gailjewelers.com/collecti...ct-collection/

Any ideas on what I'm doing wrong?

Cheers

juggledad · #2 Aug 7, 2011, 07:45 PM

could it be that the actual page is 'http://www.gailjewelers.com/collections/animal-instinct/' not
'http://www.gailjewelers.com/collections/animal-instinct-collection/'

danroseman · #3 Aug 7, 2011, 08:27 PM

I'm not sure what you mean by "actual page". They're both pages.

juggledad · #4 Aug 7, 2011, 08:30 PM

Is there a link in the menu to both?

danroseman · #5 Aug 7, 2011, 08:33 PM

No, but that's because I've set the problem page (http://www.gailjewelers.com/collecti...ct-collection/) to private. It's otherwise setup the same as the page that is properly displaying the header image.

danroseman · #6 Aug 7, 2011, 09:36 PM

Maybe a better question is this: how can I control the header image? Is it done in ATO or in the page edit? I tried ATO extensively but couldn't figure out how to configure the image per page. Thanks for taking the time to help me learn.

juggledad · #7 Aug 8, 2011, 04:16 AM

Because the page is private, you are getting a not found. Since you have all your header images set by the CSS Inserts based off the 'body' tag...ie

HTML Code:

body.page-id-177 div#imagecontainer {
background-image:url(http://www.gailjewelers.com/wp-content/themes/atahualpa342/images/header/header-01.jpg)
}

and the not found page has class of 'error404'

HTML Code:

<body class="error404" style="background-image: url(http://www.gailjewelers.com/wp-content/themes/atahualpa342/images/bg.jpg);
 background-position:center;
 background-repeat:no-repeat;
">

no image is found to be shown

You could set a default image - set before any of the other CSS inserts

HTML Code:

body div#imagecontainer {
background-image:url(http://www.gailjewelers.com/wp-content/themes/atahualpa342/images/header/header-01.jpg)
}

and this would show if no specific image was specified for the page

1) if you are on 342 - that is an old release
2) because the page is private, you are getting a 404 causing the 'error404' class