March 27, 2017

How to reduce distance between blog description and body content of Blogger template

|

Blogger beginner tip how to reduce the distance between blog description and the body content of Blogger template.

By default, or as it is, the gap between the Blogger/Blogspot header and the body section is fairly apart.

You can adjust them to be slightly closer to each other by following the customization tip below.

Reduce distance between blog description and body content Blogger template

This is how to decrease the spacing between the blog description and the bottom blog content.

Go to Blogger dashboard.

Click "Theme" on the left side of the page.

Then click the orange color "CUSTOMIZE" button.

Drag the vertical slider, until you see "Add CSS".

Click on "Add CSS".

A box will pop up on the right hand side.

Paste this set of code provided below onto the box.

.main-inner {
    padding-top: 30px;
    padding-bottom: 30px
}

Note: You need to adjust the number 30 to your requirement.

8. Then click "Apply to Blog".

That's all.