Reduce space between page tabs on blogger

How to reduce space between page tabs on Blogger :

By default large space is there between page tabs on Blogger blog. You can see this space after creating pages on your blog. Suppose if you create more pages then your pages will list in two lines. If you want more pages in single line then you have to decrease space between page tabs.You can easily decrease and increase space between page tabs on your Blogger blogs.

Follow below steps to reduce space between page tabs on Blogger blog

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 : Search below code

.tabs-inner .widget li a {

You can see padding attribute below above line, like blow

padding: .6em  1.5em;

Then decrease value 1.5em to 0.5em or  below 0.5 , as you wish

Step 5 : Click on Save template.

Like this you can change space between page tabs in Blogger blogs.

2 comments:

  1. thanks - just one correction - should search for ".tabs-inner .widget li a"

    ReplyDelete
  2. Its ok. My qustion is that, how to reduce the space between header image and tabs-inner please reply this qustion.

    ReplyDelete