Sports Skin modification

Store Builder Questions
1

I use the Sports Skin which is centered in the page and leaves a lot of unused spaces on the edges. How can I make this skin covers the entire page with may be 20px only on the edges.



I assume it’s in styles.css, but I can’t figure it out.



Thanks…

2

In styles.css search for


/* Styles for the fixed width layout */
.helper-container {
margin: 0px auto;
width: 992px;
}
#container {
margin: 0;
padding:0;
width: auto;
}
.container-right .central-column, .container-left .central-column {
width: 774px;
}
/* /Styles for the fixed width layout */
/* Styles for the 100% width layout */
/* Uncomment this set of styles for the 100% width layout.*//*
body {
min-width: 1000px;
}*/
/* /Styles for the 100% width layout */



but remember not all your customers will have the same window width based on their monitor resolution.

3

Ok, so I commented this part:


[QUOTE]/* /main styles /



/ Styles for the fixed width layout

.helper-container {

margin: 0 auto;

width: 992px;

}

#container {

margin: 0;

padding:0;

width: auto;

}

.container-right .central-column, .container-left .central-column {

width: 774px; //

}

/* /Styles for the fixed width layout /



/ Styles for the 100% width layout /



body {

min-width: 1000px;

}

/ /Styles for the 100% width layout */ [/QUOTE]



and uncommented this part:


[QUOTE]body {

min-width: 1000px;[/QUOTE]



It’s not showing a 100%… I might have missed something… ?

4

Nevermind, it worked. I was using a low resolution… I noticed though that there is a discrepancy in IE, the container goes beyond the page, is there anything specific I should add for IE compatibility?

5

[quote name=‘Triplets’]In styles.css search for


/* Styles for the fixed width layout */
.helper-container {
margin: 0px auto;
[COLOR="red"]width: 992px;[/COLOR]
}
#container {
margin: 0;
padding:0;
width: auto;
}
.container-right .central-column, .container-left .central-column {
[COLOR="red"]width: 774px;[/COLOR]
}
/* /Styles for the fixed width layout */
/* Styles for the [COLOR="red"][COLOR="Red"]100%[/COLOR][/COLOR] width layout */
/* Uncomment this set of styles for the [COLOR="Red"]100% [/COLOR]width layout.*//*
body {
[COLOR="Red"]min-width: 1000px;[/COLOR]
}*/
/* /Styles for the [COLOR="red"]100% [/COLOR]width layout */



but remember not all your customers will have the same window width based on their monitor resolution.[/QUOTE]



Do I have to edit the ones in red?

6

Sounds like you are not very strong with CSS. CS-Cart is heavy into CSS. Take a look at [URL]http://docs.cs-cart.com/common.php?dispatch=docs/view&node_name=css-basics[/URL] and read up on some CSS tutorials before you dive in any further.

7

[quote name=‘Triplets’]Sounds like you are not very strong with CSS. CS-Cart is heavy into CSS. Take a look at [URL]http://docs.cs-cart.com/common.php?dispatch=docs/view&node_name=css-basics[/URL] and read up on some CSS tutorials before you dive in any further.[/QUOTE]

Thank you