Quote:
Originally Posted by Mozer
Do you know where to look? I'm not sure what to change. When I did mess w/ the picture size via HTML it made the photo all skewed. I really want to make my main column wider with a little more space between the sidebar. I just don't know how to do that.
|
You are looking to change the template sizing not the photo sizing. The main area you need to adjust is the Outer Wrapper but there may be some additional minor adjustments you need to do but I think for the template you are using, if you adjust this area of code first, you probably will achieve what you want.
Caution - use the Download Full Template option at the top of the Edit HTML window before starting so that if you need to, you can always just upload that saved copy if things go wonky.
Your code:
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 880px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 100% Georgia, Serif;
}
#main-wrapper {
width: 425px;
margin-left: 25px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 200px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#left-sidebar-wrapper {
width: 200px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
From this, your layout seems to be a 880px document with a 10px padding around the 3 columns of 200px, 425px with a 25px inset for beginning of text, 200 px.
Suggestion is to try and make your entire document (outer-wrapper) a bit larger and then adjust your main wrapper for the increase in size. If you try to take size away from your side columns, you may find that you have more problems with widgets wrapping funny or disappearing from sight because they are larger than your column now.