Skip to main content

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.

new contempo blogger theme


Change Background of ,bg-photo
In order to change the background of the Header you have to add the CSS below in Advanced-Add CSS Section of the Blogger Theme Designer.

.bg-photo {
background:#000000!important;

The highlighted text code can be changed to whatever color you want.

Hide Top Aside Sidebar
There is a Top Aside Sidebar in the Contempo themes, which is used to add the About Me/Profile Gadget. If you do not want to add that gadget it leaves a large blank space at the top of the Sidebar.

In order to hide the Top Sidebar, the CSS given below should be added thought the Blogger Theme Designer.

aside.sidebar-container.container.sidebar-invisible {
margin-top: 0px !important;
}

The highlighted top margin can be changed to whatever margin you want to leave.

The text font size of the text in the gadgets in the sidebar of the Contempo Blogger themes can be controlled by adding the below CSS.

aside.sidebar-container.container.sidebar-invisible {
font-size: 80%!important;
}

The percentage highlighted in the CSS can be changed to whatever font size you want.

Many times if you have heavily customized the Contempo Blogger themes and if the CSS does not work, you have to edit the template and manually add the above codes above - ]]></b:skin>

But before doing that do not forget to back up your theme.

Comments

  1. Hi, how can I change the color of the sidebar from light pink to grey?

    ReplyDelete
    Replies
    1. Go to Blog Customizer - Advanced - Sidebar - Background Color and click on add to select your color.

      Delete

Post a Comment

Popular posts from this blog

3d images of Sai baba of Shirdi

These are some more 3d images created out of photographs of the great Indian saint Sai Baba of Shirdi.

3d photos of Shirdi Sai Baba

These are 3d photos of the great Indian Saint Sai Baba of Shirdi

3d Photo-frames Shree Swami Samarth

Shree Swami Samarth Maharaj of Akkalkot in Sholapur District of Maharashtra is a very popular saint.Numerous miracles are attributed to him.He is considered to be an Avatar of the Hindu God Dattatreya. Related articles Gayatri Aarti English-Hindi (prophet666.com)

7 Most Beneficial Jain Mantras for Everyone

The 7 Jain Mantras that have been described in this article are considered to be the most potent and beneficial Mantras for getting all kinds of benefits, like peace of mind, a gain of intelligence and knowledge, unexpected wealth, and every kind of joy and happiness.

Shirdi Sai Baba 3d images

This is a beautiful template of six 3d images of the same photo of Sai Baba of Shirdi

3d Photos of Shirdi Sai Baba 2

These are more 3d photos made from the same photo of the great Indian Saint Sai Baba of Shirdi

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.

Removing Spaces and Entry Footer in Wordpress Twenty Twenty-One Theme

In this post, I have explained how to remove large blank spaces in the latest Default Wordpress Twenty Twenty-One Theme. I have tried this CSS and this is a working tutorial. 

sab ka malik ek - image

Sab ka malik ek or every one's god is one is the popular saying of Sai Baba of Shirdi.This is a image of the saying.