I am using the skin 'Lite Orange' and I want to make it fixed width.
I have downloaded the styles.css file in var/skins_repository/lite_orange/customer and uncommented the bit that relates to fixed width but no changes.
What else do I need to do?
Thanks.
Did you comment the original portion? Clear cache?
[quote name='The Tool' timestamp='1313596017' post='119714']
Did you comment the original portion? Clear cache?
[/quote]
I need to uncomment this:
[quote]/* Styles for the fixed width layout //
#container {
padding: 0 10px;
width: 1006px;
margin: 0 auto;
}
#content {
background-position: 190px 0;
}
.central-column, .container-right .central-column, .container-left .central-column {
float: left;
display: inline;
margin: 0 181px 15px 181px;
padding: 0 19px 15px 19px;
overflow-x: auto;
overflow-y: hidden;
width: 606px;
}
.container-long .central-column {
margin: 0;
padding: 0 0 30px 0;
width: 100%;
}
.container-right .central-column {
margin: 0 0 15px 181px;
padding: 0 0 15px 19px;
width: 807px;
}
.container-left .central-column {
margin: 0 181px 15px 0;
padding: 0 19px 15px 0;
width: 807px;
}
.left-column {
float: left;
width: 181px;
margin-left: -1006px;
}
.right-column {
float: left;
width: 181px;
margin-left: -181px;
}/
/ /Styles for the fixed width layout */ [/quote]
and comment this
[quote]/* Styles for the 100% width layout /
/ Uncomment this set of styles for the 100% width layout./
#container {
width: auto;
}
#content {
padding: 0 7px 0 5px;
}
.central-column, .container-right .central-column, .container-left .central-column {
width: 100%;
padding: 0;
margin: 0;
overflow-x: visible;
overflow-y: visible;
}
.central-content {
margin: 0pt 181px;
padding: 0 19px 15px 19px;
}
.container-right .central-content {
margin: 0 0 0 181px;
padding: 0 0 15px 19px;
}
.container-left .central-content {
margin: 0 181px 0 0;
padding: 0 19px 15px 0;
}
.container-long .central-content {
margin: 0;
padding: 0;
}
.left-column {
margin-left: -100%;
}
.right-column {
margin-left: -181px;
}
.container-long .mainbox-cart-body, .container-left .mainbox-cart-body, .container-right .mainbox-cart-body {
width: auto;
}
/ Styles for the 100% width layout */ [/quote]
Right?
Yes, I cleared the cache.
Correct
Done it - thanks.
Well I worked out how to apply the fixed width.
The 'Welcome to Autotronics' orange bar is pushed down.
Site is Autotronics Repair Form
The fixed width code is:
[quote]/* Styles for the fixed width layout */
#container {
padding: 0 10px;
width: 1006px;
margin: 0 auto;
}
#content {
background-position: 190px 0;
}
.central-column, .container-right .central-column, .container-left .central-column {
float: left;
display: inline;
margin: 0 181px 15px 181px;
padding: 0 19px 15px 19px;
overflow-x: auto;
overflow-y: hidden;
width: 606px;
}
.container-long .central-column {
margin: 0;
padding: 0 0 30px 0;
width: 100%;
}
.container-right .central-column {
margin: 0 0 15px 181px;
padding: 0 0 15px 19px;
width: 807px;
}
.container-left .central-column {
margin: 0 181px 15px 0;
padding: 0 19px 15px 0;
width: 807px;
}
.left-column {
float: left;
width: 181px;
margin-left: -1006px;
}
.right-column {
float: left;
width: 181px;
margin-left: -181px;
}[/quote]
Anything I can do?
Thanks