Smart Backgrounds support

[gjh42]

Two possible problems here:
.smartBG_page2 # {background-image: url(../images/smartBG_page2.jpg);}

The # by itself will not work for anything. What element do you want the background on? If the whole page content, use #mainWrapper.

What is the exact filename you used? CSS is case-sensitive; smartBG_page2.jpg is not the same as smartbg_page2.jpg, which is what the code looks for.

.smartBG_page2 #mainWrapper {background-image: url(../images/smartbg_page2.jpg);}

The stylesheet examples are there to guide you in correct usage.

[Serious]

Maybe I'm misunderstanding this:

Sample stylesheet rules:

/*example to set default header bg*/
#headerWrapper {background-image: url(../images/whatever.gif);}

/*example to set header bg for listing or product page in category id 23*/
.smartBG_23 #headerWrapper {background-image: url(../images/smartbg_23.gif);}

/*example to set header bg for shipping & returns page*/
.smartBG_shippinginfo #headerWrapper {background-image: url(../images/smartbg_shippinginfo.gif);}

/*example to set content bg for ez-page id 5*/
.smartBG_page5 #contentMainWrapper {background-image: url(../images/smartbg_page5.gif);}/*example to set center column bg for ez-page id 5*/
.smartBG_page5 .centerColumn {background-image: url(../images/smartbg_page5.gif);}

Here's what I've got on the last line in my Stylesheet:
.smartBG_page2 #mainwrapper {background-image: url(../images/smartbg_page2.jpg);}

Tried this, no change.
.smartbg_page2 #mainwrapper {background-image: url(../images/smartbg_page2.jpg

[gjh42]

Spelling and capitalization are critical. Code doesn't work with approximately right names.

.../index.php?main_page=page_2

.smartBG_page_2 #mainWrapper {background-image: url(../images/smartbg_page_2.jpg);}

If you want ez-page backgrounds, smartbg_page2.jpg would work correctly on ez-page id 2.

.smartBG_page2 #mainWrapper {background-image: url(../images/smartbg_page2.jpg);}

[Serious]

.../index.php?main_page=page_2
Huh?! What or where is that supposed to go?

capitize the "w"....check!!
.smartBG_page2 #mainWrapper {background-image: url(../images/smartbg_page2.jpg);}

[gjh42]

Sorry, my first thought was that you had missed the correct name for define page 2, which would show that in the address bar.

[Serious]

Okay....but am I supposed to do something with that?


Still fighting this tooth and nail....and losing it would seem.

[gjh42]

Okay, is it an ez-page or a define page that you want the background for? You have described both at various times, so it's not clear which you want here.
Copy & paste the text in the address bar (index.php?main_page=...) so I can tell exactly what page you want, and paste in the exact image filename & location, and the stylesheet rule that relates to it.

[Serious]

The one I'm currently trying to work on is a define page, (page #2) but I do want All of the pages to have a different background.

localhost/zencart/index.php?main_page=page_2

[Serious]

Trying to start with a clean slate this morning so I removed this line from the style sheet.

.smartBG_page2 #mainWrapper {background-image: url(../images/smartbg_page2.jpg);}

As I stated previously, I had it at the bottom of the page. Should it go elsewhere in the stylesheet or replace an existing line?

[gjh42]

For define page 2, which has main_page=page_2, you need an image named smartbg_page_2.jpg in /includes/templates/your_template/images/, and a stylesheet rule

.smartBG_page_2 #mainWrapper {background-image: url(../images/smartbg_page_2.jpg);}