Skip to main content

Remove Spacing/Margin Between Sidebar and Content in Contempo Blogger themes

In this post, I will explain how to easily remove or get rid of the large margin or spacing between the sidebar and main content in the Contempo Blogger themes by simply adding a little bit of CSS and avoid editing the themes.

The Contempo Blogger themes are fully responsive mobile optimized themes that can fit any screen resolution on desktop, tablets or smart-phones.

However, when the Contempo is viewed on larger desktops screens there is a wide margin between the sidebar and main content.

This appears to be ugly to some Bloggers who would like to get rid of this margin between the sidebar and content.

How to  Remove Spacing/Margin Between Sidebar and Content in Contempo Blogger themes

This can be done in two ways-

1] The CSS given below will remove the margin/spacing and reduce it to a minimum.

You have to go to the Blogger Theme Designer – Add CSS Section and add this code.

@media screen and (min-width: 1440px)
.page_body .centered {max-width: none }
If you have heavily customized your theme and if the code does not work by pasting it in the Blogger Theme Designer you can manually add ii by editing the theme and adding the code above-


But first Back-Up and save your theme before editing your template.

The 1440px value is for the default width of the theme. If you have changed the width, then you can change the value accordingly.

2] This CSS Code given below will enable you to control the margin/spacing.

@media only screen and (min-width: 1440px) {
.page_body .centered {

This code should also be used in the same manner as the first code. But do not use both the codes use only one of the two.

The highlighted value of the % can be changed according to the margin you want to add.


  1. Hi! I didn't understand. Even if I paste any of those CSS codes, I see no change. I don't like the space that is in between the entries (posts) what can I do?

    1. This tutorial is for removing margins between sidebar and content.


Post a Comment

Popular posts from this blog

Show Page List on All Pages in Contempo Blogger Themes

The Contempo Blogger themes do not display the Page List Gadget on posts, it is displayed on the Home Page and all static pages only. In this post, I will tell you how to display the Page List on all pages and posts in the Contempo Blogger themes.

How to Change Font Sizes in Contempo Blogger Themes

In this post, I will tell you how to reduce or increase the font sizes of Post Time Stamp, Jump Link or Read More, Post Author and Post a Comment of the Contempo Blogger Themes by customizing the theme by adding CSS through the Blogger Theme Designer.

Symbol of the Indian Rupee

Udaya Kumar, a post graduate in Design from Indian Institute of Technology Bombay has designed the symbol of the Indian Rupee. This symbol has come into effect from 15th July, 2010.  The symbol is an amalgam of Devanagari "Ra" and the Roman Capital "R" with two parallel horizontal stripes running at the top representing the national flag and also the "equal to" sign.

Hide Top Aside Sidebar and Change Bg Photo Color in Contempo Blogger Themes

In this post, I will explain How to customize the Contempo Blogger themes by removing or change the color of the .bg-photo background, hide top-aside-sidebar and increase or decrease the text font size in aside-sidebar gadgets by using the Blogger Theme Designer.

National tree of India

Indian fig tree or the Banyan is the national tree of India