Many of us are using templates that are customized by professionals but some parts of it may not be suited with our taste, people think differently and may want to customize and personalize their own blog templates some of this are footer credits and particular part of template. One of the most common is the margins that was made to our templates, we want to limit in some point the white and blank spaces in our site, margins that is too large between widgets may change the sites face. My first post about margins and padding is informative also you may find what you need there.
Controlling all your margins is very easy. The question is how?
Today I will teach you on how to adjust almost every margin that you can see in one’s templates. Just follow the instruction and you’ll find your way to sucess! 🙂
How to adjust or remove margins between your post and tabs (Pages) section?
(1) Firstly login to your blogger account and go to your blog’s dashboard.
(2) Now go to “Template” and then click “customize”.
(3) Now go to “advanced” tab and select the last option “Add CSS”.
(4) Now just paste the below code in that white box which appears.
Code: – .blog-posts {margin-top:-30px}
(5) That’s it, you removed your margin.
(6) Now save your template by clicking “Apply to your blog”.
Note: – Adjust the value “30px” according to your needs.


How to adjust or remove margins between your post and sidebar?
(1) Repeat the steps (1), (2) and (3), given above.
(2) Paste the CSS code given below.
Code- .blog-posts {margin-right:-30px}
(3) You are done.
(4) Now save your template by clicking “Apply to your blog”.
Note: – Adjust the value “30px” according to your needs.


How to adjust or remove margins between your sidebar and tabs (Pages) section?
(1) Repeat the steps (1), (2) and (3), given in 1st tutorial.
(2) Paste the CSS code given below.
Code- .main-inner .column-right-outer {margin-top:-30px}
(3) You are done.
(4) Now save your template by clicking “Apply to your blog”.
Note: – Adjust the value “30px” according to your needs.


How to adjust or remove margins between your posts?
(1) Repeat the steps (1), (2) and (3), given in 1st tutorial.
(2) Paste the CSS code given below.
Code- .date-outer{margin-bottom:-30px}
(3) You are done.
(4) Now save your template by clicking “Apply to your blog”.
Note: – Adjust the value “30px” according to your needs.
HERE ARE SOME OF MY POSTS


How to adjust or remove margins between your sidebar widgets?
(1) Repeat the steps (1), (2) and (3), given in 1st tutorial.
(2) Paste the CSS code given below.
Code- .sidebar .widget {margin-top:-20px}
(3) You are done.
(4) Now save your template by clicking “Apply to your blog”.
Note: – Adjust the value “30px” according to your needs.


I hope you enjoy this tutorial, If you have any suggestion or question feel free to comment.
In this blog you’ll find many tutorials and widgets I wish you can subscribe to my email list so you’ll get the fresh posts first in the lists 🙂
Good day!
Hi, This lets me go up to -10 but anything over it starts to delete my text, the left margin seems to stop it. I'm just trying to make my post stretch to both sides with a small gap, do you possibly have any idea what I'm doing wrong?
Thanks 🙂 Sophie
@Sophie may I know your bloglink
Sure, it's http://sophiesmakeupblog.blogspot.co.uk
very useful! thanks <3
thanks!!!!