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-

]]></b:skin>

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 {
max-width:80%;
}
}

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.


Comments

  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?

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

      Delete

Post a Comment

Popular posts from this blog

DIRECT REALISATION

(1)I bow to that Ṣrî Hari (Vishṇu), the infinite bliss, the Teacher, the Supreme Lord, all-pervading, the prime-cause of all the worlds. Direct realisation is herein expounded as a means to liberation. It should be studied, again and again, with great effort, only by the wise. (2) By following the duties of one's own caste and order, by asceticism and by the propitiation of Hari, men will gain the four-fold requisite of freedom from desires, etc. (3) Spotless freedom from desires means such a dissatisfaction in respect of all objects from Brahman down to the inanimate as is felt in respect of the excrement of a crow. (4) Discrimination of the real means the determination that the nature of the self is eternal while, all that is perceptible is otherwise (5) The constant eradication of mental impressions is called control of mind. The restraint of external activities is called control of body. (6) Extreme abstention is the turning away from the objects of enjoyment. The

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.

National Emblem of India

The four lions which stand for power, courage, pride and confidence, these four lions resting on a circular abacus girded by four smaller animals who are the guardians of the four directions, lion of the north, the elephant of the east, the horse of the south and the bull of the west make up the National Emblem of India.  At the bottom is inscribed 'Satyameva Jayate' meaning’ truth alone triumphs'.