Monday, July 7, 2014

Hiding/ Removing/ Reducing space above blogger header or logo

If you have already gone through removing Navbar space from blogger than you will be able to see some extra space left above header which is of no use. So here is a way by which you can hide or remove it.

Step 1. Log in to your blogger account
Step 2. Go to Template then Click Edit HTML and then Proceed.
Step 3. Using Ctrl+F look for </head> tag.
Step 4. Now add the following code just above the </head> tag.
 <style type='text/css'>  
           .content-inner  
           {  
           margin-top: -50px !important;  
           }  
 </style>  

Your code will be look like this on Edit HTML
Click on Save template and you are done.

No comments:

Popular Posts