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.
thanks - just one correction - should search for ".tabs-inner .widget li a"
ReplyDeleteIts ok. My qustion is that, how to reduce the space between header image and tabs-inner please reply this qustion.
ReplyDelete