Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Adding a border (background) around my site

Adding a border (background) around my site

Locked

Views: 896

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
28 Sep 2008, 2:00 AM
#1
swillaby avatar

swillaby

New Zenner

Join Date:
Sep 2008
Posts:
5
Plugin Contributions:
0

Adding a border (background) around my site

I am very new to this and need a little help. I want to add a border (background) around my site, just on the left and right outer edges, instead of the pink color. I have searched the forums and have tried several different things but nothing has worked correctly. Thanks in advance for any help!

http://www.dogbowsunlimited.com/dogbows

28 Sep 2008, 2:09 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Adding a border (background) around my site

In your stylesheet.cs file the first entry is

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #664826;
	background-color: #FFBBD5;
	}

Create/upload your image to your template/images folder and edit the above to include:

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #664826;
	background-color: #FFBBD5;
        background-image: url(../images/your_new_bg.jpg);
	background-repeat: repeat;  add-x  or -y depending on the image
	}

Zen-Venom Get Bitten

28 Sep 2008, 2:15 AM
#3
charmedbytina2 avatar

charmedbytina2

Totally Zenned

Join Date:
Mar 2007
Location:
AZ
Posts:
1,890
Plugin Contributions:
0

Re: Adding a border (background) around my site

In your stylesheet add your backgound image information here:

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #664826;
background-color: #FFBBD5;
**background-image: url(../images/yourpic.gif;) **
background-image repeat: repeat-yes;
}

Tina

Geez! gotta be quicker than the KOBRA!

28 Sep 2008, 3:17 AM
#4
swillaby avatar

swillaby

New Zenner

Join Date:
Sep 2008
Posts:
5
Plugin Contributions:
0

Re: Adding a border (background) around my site

Ok, I added that code but nothing happened, the background is still pink. I am sure I am doing something stupid. I did upload the bg image. Also the computer I am on is using Windows XP, but I looked at the site on my laptop which has Vista, and everything is all jumbled. What could be making it look different.
Thanks!

http://www.dogbowsunlimited.com/dogbows

28 Sep 2008, 3:23 AM
#5
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Adding a border (background) around my site

You have:

background-image: url(../images/bg33.jpg;) 
background-image repeat: repeat-yes; 

I posted:

background-image: url(../images/your_new_bg.jpg);
	background-repeat: repeat;

url(../images/bg33.jpg;)

needs to be

url(../images/bg33.jpg);

repeat-yes is not a valid call

Zen-Venom Get Bitten

28 Sep 2008, 3:36 AM
#6
swillaby avatar

swillaby

New Zenner

Join Date:
Sep 2008
Posts:
5
Plugin Contributions:
0

Re: Adding a border (background) around my site

Thank you so much!!! That worked perfect. :) I knew I did something stupid.

28 Sep 2008, 3:40 AM
#7
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Adding a border (background) around my site

Thank you so much!!! That worked perfect. :) I knew I did something stupid.
Most all of us have been there!!

Zen-Venom Get Bitten