Skip to main content

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. 

There is a Plugin called - Options for Twenty Twenty-One, which enables users to modify the theme. This plugin does not cover everything and is still being updated and if you do not wish to uses this plugin to remove large blank spaces or try other modifications you can easily do so by adding CSS.
 
Removing Blank Spaces in Wordpress Twenty Twenty-One Theme

Go to Dashboard>Appearance>Customize>Additional CSS and add the CSS given below as per your need.

Removing Space Below Site Header:

.site-header {

padding-bottom: 0;

}

Removing Space Below Site Footer:

.site-footer {

padding-bottom: -0;

}

Reducing Margins Above and Below Posts on Home Page:

.home .post {

margin-bottom: 30px;

margin-top: 0px;

}

Removing Entry-Footer on Home Page: This CSS removes the Date, Category, Tags, Author By-lines from below the Posts on the Home Page.

.entry-footer {display: none;}

Centre H1 Titles and Make them Bold: This CSS centres and makes H1 Titles Bold on Single Pages.

header h1.entry-title {

text-align: center;

font-weight: bold !important;

}

Customizing Text Widgets:

.textwidget {

text-align: center;

font-weight: bold !important;

}

Note-  You can change the sizes of all paddings and margins as per your liking.

Comments

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.

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.

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.

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.