reduce space between header and pages in blogger

Space between Blogger header and page tabs :

We can see small space between Blogger header and static pages(page tabs) on Blogger blogs. We can reduce or increase the space between blog header and page tags(pagelist widget) on your Blogger. By default some Blogger blogs have more space between blog header page tabs. It is better to decrease the space between header and page tabs.

We already discussed about some of the useful topics like this post, Below are the some the useful topics related to this post.

How to reduce space between page tabs and blog posts in Blogger

How to reduce space above blog title on Blogger header

How to reduce space between page tabs on Blogger

Now I'm going to discuss about reducing space between Blogger blog header and pagelist widget.

How to reduce space between header and pagelist widgets in Blogger :

It is simple to reduce space between header and page tags. With margin tag we can reduce that space. Just find the pagelist widget code on your Blogger template and add below margin tag to reduce space.

Follow below steps to increase/decrease space between Blogger header and page tabs.

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit html

Step 4 : Search below code

.tabs-outer {  under tabs css code in template code

Add below line just before } of the above code

margin-top: -10px !important;

Step 5 : Click on Save template.

If you want to increase / decrease space between header and pages in blogger just increase/decrease value in the given code.