Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / how do I add a background image BEHIND?

how do I add a background image BEHIND?

Views: 1,528

Results 1 to 6 of 6
11 May 2011, 3:30 PM
#1
jviney avatar

jviney

New Zenner

Join Date:
May 2011
Posts:
28
Plugin Contributions:
0

how do I add a background image BEHIND?

I would like to add a background image behind my hole store. Not in the columns and header, but behind the store. I made me store 900 pixels wide and would like to add a wood background for the excess space.

11 May 2011, 3:37 PM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,185
Plugin Contributions:
0

Re: how do I add a background image BEHIND?

You would use this tutorial for the idea??

https://www.zen-cart.com/tutorials/index.php?article=135

  1. look here on that page:
  1. Replacing background images for one or all sidebox headings:

You will associate this new value to the stylesheet.css

  1. #body {
    }

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

11 May 2011, 3:39 PM
#3
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: how do I add a background image BEHIND?

The rule that controls the space outside the store header/columns will generally be
#body {}
so put your background styling in that.

#body {background: #aabbcc url(../images/yourwoodimage.gif)}

11 May 2011, 3:47 PM
#4
jviney avatar

jviney

New Zenner

Join Date:
May 2011
Posts:
28
Plugin Contributions:
0

Re: how do I add a background image BEHIND?

Wonderful...sort of...I see my background (I placed it in #mainWrapper as you suggested)...but it is INSIDE my main body window.

Help?

11 May 2011, 3:48 PM
#5
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,185
Plugin Contributions:
0

Re: how do I add a background image BEHIND?

Sorry I typed too fast before I tested on my test page...

#body

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

11 May 2011, 3:49 PM
#6
jviney avatar

jviney

New Zenner

Join Date:
May 2011
Posts:
28
Plugin Contributions:
0

Re: how do I add a background image BEHIND?

Thank you that worked. I originally had it there, but just forgot to add ../ to where my image was located! Duh!:P

Thanks everyone.