X-Cart forums

[seller]

Hi, I am trying to install the new 4.4.2 with the 3 columns template but I want to modify it so it won't be stretched to the full width of the screen.
I want a fixed width of 960 pixels

Where can I change it?

[pauldodman]

Find the main.css file being used, then find the #page-container class.

Change this to:

#page-container {
min-height: 100%;
position: relative;
width:960px;
margin:0 auto;
}

[seller]

Thanks Paul!!!
works great

[JWait]

Where would I change the color of the background outside of the page container?

[JWait]

Also, is there any problem using "max-width" instead of "width"?

EXAMPLE
#page-container {
min-height: 100%;
position: relative;
max-width:1200px;
margin:0 auto;
}

This should mean that on any browser set below 1200 that it will render to fit the screen (without having a width scroll bar), and any browser set over 1200 it will fix the width at 1200 pixels and center the page, at least that is the way I understand it.