Forums / Templates, Stylesheets, Page Layout / How do I add space to top and bottom of site?

How do I add space to top and bottom of site?

Locked

Started by flopez01 on 8 Jan 2010, 5:27 PM · Views: 1,122

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
8 Jan 2010, 5:27 PM
#1
flopez01 avatar

flopez01

New Zenner

Join Date:
Dec 2009
Posts:
6
Plugin Contributions:
0

How do I add space to top and bottom of site?

Hello everyone,

I'm trying to add some extra space above the green gradient bar on top of the site and on the bottom of the site under the white box which contains the footer info.

Where can I find the code that will allow me to do this?

http://new.hydroponic-gardens.com/zencart/

Thanks,

Fernando

8 Jan 2010, 6:01 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: How do I add space to top and bottom of site?

You can add margin-top and margin-bottom to the body section in your stylesheet.

8 Jan 2010, 6:06 PM
#3
bodyjewelrystores avatar

bodyjewelrystores

Zen Follower

Join Date:
Jun 2006
Posts:
123
Plugin Contributions:
0

Re: How do I add space to top and bottom of site?

Edit your stylesheet file (http://new.hydroponic-gardens.com/zencart/includes/templates/classic/css/stylesheet.css)

Find "body" on line 11, and change the line in red as below:

body {
	margin: 16px 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #18820a;
	background-color: #18820a;
	}

If 16px adds too much space (or not enough) for you, try increasing or decreasing this number...

8 Jan 2010, 10:56 PM
#4
flopez01 avatar

flopez01

New Zenner

Join Date:
Dec 2009
Posts:
6
Plugin Contributions:
0

Re: How do I add space to top and bottom of site?

Hello,

I got it! Thanks for the quick response, you were a big help.

Thanks everyone.

Fernando