Forums / Templates, Stylesheets, Page Layout / Reduced site width and move to centre.

Reduced site width and move to centre.

Locked

Views: 1,299

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
16 Feb 2007, 10:15 AM
#1
amatas avatar

amatas

New Zenner

Join Date:
Feb 2007
Posts:
21
Plugin Contributions:
0

Reduced site width and move to centre.

I have been able to reduce the overall site width to 900 as required however shifting it across in the center seems to be elusive. I guess it is on the stylesheet but so far i have put in " text-align: center; " in several places with no effect. Can some one help please.

16 Feb 2007, 3:00 PM
#2
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Reduced site width and move to centre.

Add this to #mainWrapper in your stylesheet.css

#mainWrapper {margin: 0 auto;}

NOTE: We are sorry that Clyde is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

17 Feb 2007, 12:13 AM
#3
amatas avatar

amatas

New Zenner

Join Date:
Feb 2007
Posts:
21
Plugin Contributions:
0

Re: Reduced site width and move to centre.

Thanks Clyde, tried that but to no avail. I have this now

#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 100%;
vertical-align: top;
border: 1px solid #cccccc;
margin: 0 auto;

When I change the text-align it centers the content, what I am after is that the whole site moves to the center.

17 Feb 2007, 12:20 AM
#4
amatas avatar

amatas

New Zenner

Join Date:
Feb 2007
Posts:
21
Plugin Contributions:
0

Re: Reduced site width and move to centre.

Thanks Clyde, tried that but to no avail. I have this now

#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 100%;
vertical-align: top;
border: 1px solid #cccccc;
margin: 0 auto;

When I change the text-align it centers the content, what I am after is that the whole site moves to the center.

17 Feb 2007, 1:52 AM
#5
amatas avatar

amatas

New Zenner

Join Date:
Feb 2007
Posts:
21
Plugin Contributions:
0

Re: Reduced site width and move to centre.

Got it sorted

It was a matter of changing in the stylesheet.css

body {

      margin: 0; 

}

to:

body {

     margin: 0 auto; 

}

Thanks for the clue.

Steve

www.amatas.com/ACart