
Originally Posted by
wheretostartwebsites
One more thing i am having heaps of trounble extending the width of my side boxes i have read and reread the read me file and followed it and my right hand side box even when i reverted back to the original sizes is over hanging the template
http://gigglesmiledesigns.com.au/Store/
If it isn't looking right, then you aren't doing something right. 
The original section that I refer to in the readme, that you have to adjust to change sidebox width looks like this:
Code:
.outer {
padding-left: 165px; /* Same width as margin-left for the float-wrap div */
padding-right: 150px; /* Our right column width */
}
.inner {
width: 100%;
}
.float-wrap {
float: left;
width: 97%;
margin-left: -165px; /* Same length as .outer padding-left but with negative value */
}
#content {
float: right;
margin-right: -165px; /* Same length as .outer padding-left but with negative value */
width: 100%;
line-height:1.6;
position: relative; /* IE needs this */
}
Also add 20 px more to these values (change 150 to 170, and 170 to 190):
#navColumnTwo {
float: right;
margin-right: -150px; /* This negative margin-right value is in this example the same as the right column width. */
position: relative; /* IE needs this */
}
* html #navColumnTwo {
margin-right: -170px !important; /* Fixes IE6 Issue */
}
So, if you want your sideboxes to stay at 150px, then use the above section.
Let's say you want your sideboxes to be 170px wide. Change the values in "Configuration", "Layout Settings" *remember to change it in all 4 places*
Then, in the stylesheet section, increase EVERY SINGLE PX VALUE by 20px. so 150 becomes 170, 165 becomes 185, and 170 becomes 190.
Bookmarks