Change the Margins of Your Post

You may find that you want to change the margins of your blog. This will be especially true if you created a 3 column template. Go back into the Layout and Edit HTML tabs. Scroll down until you see this code.

#main-wrapper {
width: 500px;
float: $startSide;
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
*/
}

Add this code between the { and the width:

margin-left: 20px;

If you want more of a margin change the 20px to 25 px.If you want more of a margin on the right add the same code except change the word left to right.

Keep in mind that the more you increase your margins the more you will need to change your widths of your main and side bar. If you are not getting the right spacing you desire, try increasing or decreasing your widths to get it right. As an example in the code below, the code in red would be what you would change. Hit preview before saving any changes.

#right-sidebar-wrapper {
width: 180px;
float: $endSide;
-wrap: break-word; /* fix for long text breaking right-sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float
*/
}