Zen Cart Logo
Forums / General Questions / Background Tiles & Product Image Window Edit ?

Background Tiles & Product Image Window Edit ?

Locked

Views: 822

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
27 Feb 2010, 11:58 PM
#1
rdcast avatar

rdcast

Zen Follower

Join Date:
Feb 2010
Posts:
332
Plugin Contributions:
0

Background Tiles & Product Image Window Edit ?

I have two questions:

  1. How do I install a tiling background image.
  2. The windows where the product images/info goes with the category title on top, like "New Products For February". How do I make them wider?
28 Feb 2010, 1:38 AM
#2
rdcast avatar

rdcast

Zen Follower

Join Date:
Feb 2010
Posts:
332
Plugin Contributions:
0

Re: Background Tiles & Product Image Window Edit ?

rdcast:

I have two questions:

  1. How do I install a tiling background image.
  1. The windows where the product images/info goes with the category title on top, like "New Products For February". How do I make them wider?

lol, maybe there's no solution but I'd like to include a tiled image for my background and widen the box that frames my products.

Any help ?

28 Feb 2010, 5:21 AM
#3
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: Background Tiles & Product Image Window Edit ?

I'm using a tiled image in the Fan Odyssey site in my sig. You do it in the stylesheet. You may have to add the background image at different points depending on the look you want to achieve.

Here's a small sample from the stylesheet.

/*wrappers - page or section containers*/
#mainWrapper {
	background-color: #000000;
  background-image: url('../images/space011.jpg');
	text-align: left;
	width: 100%;
	vertical-align: top;
	}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

#logoWrapper{
  background-image: url('../images/space011.jpg');
	background-repeat: repeat-x;
	background-color: #000000;
	height:110px;
	width: 100%;
	}
28 Feb 2010, 7:24 PM
#4
rdcast avatar

rdcast

Zen Follower

Join Date:
Feb 2010
Posts:
332
Plugin Contributions:
0

Re: Background Tiles & Product Image Window Edit ?

Thanks afo,

To install background wallpapers. Below, is an excerpt from stylesheet.css found in the css sub-directory. Just add the tag in bold green and replace the jpg file in red with your own wallpaper file. Please note that I've created a "/wallpaper" sub-directory inside images: /images/wallpaper

body {
margin: 5px 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-color: #800000;
background-image: url('../images/wallpaper/your_background.jpg')
}