Monday 9 September 2013

How To Reduce The Space Between Header Widgets In Blogger ?

reduce space in Blogger header gadgets
A user asked me this question as she was facing a problem that she is using two widgets in header section, one is pages menu as top tabs and a customized drop down menu just below it, but the problem is, there is too much space between the two widgets. So in this tutorial i am going to show you how to reduce this gap/space in following simple steps:
  • Log in to your Blogger Account.
  • Go to Template>> Customize>> Advanced>> Add CSS.
Blogger Template designer

  • Now in Add CSS box, copy and paste the below code in it.
.tabs-inner .widget {text-align:center; margin:5px 0;}
  • Click enter and save it.
  • Now you can see that the space between your header widgets is reduced. 
If you want to reduce the space between all widgets then follow the below link :

How to reduce space between all widgets ?

0 comments:

Post a Comment