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;

[jettrue]

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.

[touchclothing]

no the site I am talking about is

http://www.viktorviktoriashop.com/theshop

[jettrue]

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.