How to Reduce Blank Space of Featured Post in Notable Template

The new blogger templates have lots of extra space specially around the featured post and post title section. If you wish to learn how to reduce this extra spaces of featured post then you are at the right place. In this post, I am going to show you step by step how to reduce this unwanted extra space from the featured post in blogger's notable template.

In this post, I am going to show you how to reduce the blank space of featured post in blogger notable template, you have to perform the below few steps.

Read also :

How to add WhatsApp sharing button to your blog/website
How to change font colour of blogger featured post title
How to change background colour of blogger individual post
How to customize blogger featured post section
How to change backgroud colour of blogger featured post

Steps to remove blogger featured post blank space

Step 1. At first switch to blogger template.

Step 2. Click Theme and click Edit HTML.

Step 3. Click anywhere inside the code.

Step 4. Press Ctrl + F on the keyboard to get search box.

Step 5. Now type .heroPost .big-post-title{ in that search box and press Enter on the keyboard and switch the below code


.heroPost .big-post-title{
background-color:$(heropost.main.background.color);
box-sizing:border-box;
-webkit-box-flex:1;
-webkit-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
max-width:$(feed.width - 392px);
min-width:0;
padding-bottom:76px;  
padding-$endSide:76px;
padding-$startSide:136px;
padding-top:76px  
}


Now you need to change the value 76 of margin-bottom:76px to 4 and margin-top:76px to 4 or as per your choice.

Read also :

How to change width & height of author profile picture
How to setup Google pay application
How to control Google account activity

Watch this video on YouTube

That's it! Now try in your blog and share your experience through comment box.
How to Reduce Blank Space of Featured Post in Notable Template How to Reduce Blank Space of Featured Post in Notable Template Reviewed by Mani on December 02, 2018 Rating: 5

No comments:

Powered by Blogger.