Background image not showng on main page

Any idea why the body background image would not show on the main page, but show on all other pages ? On the main page the background image flashes up briefly, then seems to get overridden with just blank white. However all other product pages show the same background image properly. I gather it's getting overridden somewhere, but not sure where. v 1.3.9h

i.e the body background image

body {
background: url("../images/background2.jpg") repeat scroll 0 0 transparent;
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
/* background-color: #FFFFFF; #F1F3E9; #172317; #031903; #000000; #F1F3E9; #e5edf5; */
}

I again presume it has to be the style sheet that's the problem and not the php scripts.

We might be able to spot something with a link to the site.

HeyIts007:

Any idea why the body background image would not show on the main page, but show on all other pages ? On the main page the background image flashes up briefly, then seems to get overridden with just blank white. However all other product pages show the same background image properly. I gather it's getting overridden somewhere, but not sure where. v 1.3.9h

i.e the body background image

body {
background: url("../images/background2.jpg") repeat scroll 0 0 transparent;
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
/* background-color: #FFFFFF; #F1F3E9; #172317; #031903; #000000; #F1F3E9; #e5edf5; */
}

background: url("../images/background2.jpg") repeat scroll 0 0 transparent;

Should be

background: url('../images/background2.jpg') repeat scroll 0 0 transparent;

And the image is to be in your template image folder

usernamenone:

background: url("../images/background2.jpg") repeat scroll 0 0 transparent;

Should be

background: url('../images/background2.jpg') repeat scroll 0 0 transparent;

And the image is to be in your template image folder

It'll work with either, or neither.

The quotes are irrelevant - you can use single, double or no quotes, by official W3C specs.

http://stackoverflow.com/questions/2034575/which-type-of-quotes-we-should-use-in-css-background-url-single-doubl

Hi folks, thanks for the advice. I have since progressed a step further toward the cause. I tested the same template on a test shopping site and the same problem did not occur. I repeat, the problem did not occur. Thus the background image was displayed properly on the main page.

Thus this tells me that the stylesheet is not the cause of the problem, as it forms part of the template folder and I'm using exactly the same template folder on this test site. Thus the problems cause must lie elsewhere. The bug net gets smaller, but still yet to catch the bug. It might be one of the override files under the languages folder, as I have not copied these across to the test site, so I think step by step trial and error might bring me closer to the cause.

Will let you know what I find.

Update. I've narrowed it down to the html_includes folder. i.e. when I copied the custom template folder under the html_includes folder to the test site, the same problem appeared. i.e. no background image on the main page, but was visible on other pages. Looking into it further.

The problem appears to be in the custom define_main_page.php file.

OK I deconstructed define_main_page.php on the test site and by breaking it down and removnig chunks at a time, then updating the test site and and refreshing the main page, I identified the following offending line.

body {background:#fff; margin:0; padding:15; font-size: 67%;}

From the line **body {background:#fff; margin:0; padding:15; font-size: 67%;} ** in define_main_page.php

I have removed this part **background:#fff; ** which seems to have fixed the problem.

Thus I gather define_main_page.php overrides the stylesheet.css file.

Actually, style rules have no proper place in PHP files, in most cases (with exceptions where only dynamic code can set the correct width etc.)
Move your style rules to the stylesheet, or to a new stylesheet named index_home.css if the rules would conflict with other pages' styling.

Any inline styles will override remote stylesheets unless the stylesheet has !important added to the property value.

Fair enough. This style code was from a slide show application I installed. Anyway I've removed it and it does not cause a problem without it. Slide Show still works fine.