Skip to main content

Reduce Popular Posts Size, Sidebar Spaces in Soho Blogger Themes

Image
By


The Soho Blogger Theme is a fast-loading and SEO Friendly Responsive Blogger Theme, which was added as a default blogger theme a few years back.

In this post, I have written about a few essential customizations that can make this theme appear more pleasing and better looking. I have given some simple CSS Codes to remove spaces between the Sidebar Gadgets, make the Popular Post smaller, and increase font sizes on Mobile Devices.

Decrease White Space Between Sidebar Gadgets: This can be done by adding the CSS Code given below above - ]]></b:skin> or by adding it through the Blogger Customizer – Advanced – Add CSS.

.sidebar-container .widget {
margin: 0;
margin-left: 40px;
padding: 15px;
padding-left: 0;
}

I have adjusted the padding to 15px you can change it as per your requirements.

Removing Popular Posts Bylines: The Posted By, Date information will be removed by adding the CSS given below in the same manner that has been described above.

.widget.PopularPosts .byline{
display: none!important;
}

Making the Popular Posts Widget Smaller save more space: Edit Theme and find the CSS Code Below and change the 100px padding to 10 or 15 or as you wish. This will work when you do not display a Featured Image or Snippet for the Popular Posts.
 
Popular Posts Widgets in Soho Blogger Themes

.widget.Blog .post.no-featured-image,.widget.PopularPosts .post.no-featured-image{
padding:100px 65px
}

Reduce Margin in Popular Posts to save space: Edit the theme and find the CSS Code Below and change the margin to 10px or more as per your wish.
 
Popular Posts Margin in Soho Blogger Themes

.widget.PopularPosts .post{
margin-bottom:50px
}

Increase Soho Blogger Themes Text Size on Mobile Screens: See this Post Here: CSS to Increase Font Size on Mobile Screens.
Labels:

Comments

Post a Comment

Popular posts from this blog

DIRECT REALISATION

By
(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
Post a Comment
Read more

Symbol of the Indian Rupee

By
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.
Post a Comment
Read more

National Emblem of India

By
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'.
Post a Comment
Read more