Forums / Templates, Stylesheets, Page Layout / changing the width of my site?

changing the width of my site?

Locked

Started by touchclothing on 19 Jul 2007, 5:16 PM · Views: 1,579

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
19 Jul 2007, 5:16 PM
#1
touchclothing avatar

touchclothing

Totally Zenned

Join Date:
Jul 2005
Location:
Brooklyn NY
Posts:
498
Plugin Contributions:
0

changing the width of my site?

when i go in to the css and i change the width the only thing that changes is the header and the body stays the same how can I change the whole width of the site? and make it center it self again?

.centershop {
padding: 0px;
margin: 0px auto;
/position: relative;/
text-align: left;
width: 751px !important;

19 Jul 2007, 6:15 PM
#2
jettrue avatar

jettrue

Totally Zenned

Join Date:
Jan 2005
Location:
USA, St. Louis
Posts:
3,651
Plugin Contributions:
5

Re: changing the width of my site?

touchclothing:

when i go in to the css and i change the width the only thing that changes is the header and the body stays the same how can I change the whole width of the site? and make it center it self again?

.centershop {
padding: 0px;
margin: 0px auto;
/position: relative;/
text-align: left;
width: 751px !important;
IF you're talking about this site:http://orange20bikes.com/bikeshop/ (I looked at your other posts)....

Instead of changing the width there, change the width in #mainWrapper

Then you'd need to make your logo smaller.

Remove float:left; from your body tag, and the site will center itself again. :cool:

19 Jul 2007, 6:36 PM
#4
jettrue avatar

jettrue

Totally Zenned

Join Date:
Jan 2005
Location:
USA, St. Louis
Posts:
3,651
Plugin Contributions:
5

Re: changing the width of my site?

touchclothing:

no the site I am talking about is

http://www.viktorviktoriashop.com/theshop

You're probably having difficulties because both stylesheet_new.css and stylesheet_original.css are both online. Delete one or the other from the server, so that changes you make in one aren't canceled out by the other.

ETA: But the answer is still the same... change the width of #mainWrapper instead. Remove all other instances of 751. You also have a typo here:

.main_page{
width: 751% !important;
background-color: #000000;
border-right: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
padding: 5px;
}

Then you'll need a wider logo. or will need to center it.