Skip to main content

How To Reduce Space Between Blog Title & Blog Description

In some of my last post, I have already shown you regarding editing of blogger templates. Today, you learn how you reduce the space between blogger title and title description. By default blogger has more space between blog title and blog description. If you have a little bit knowledge of HTML you can reduce the extra space according to yourself. To reduce the extra space between blog title and blog description you need to do the following steps. Read also How to reduce space between blogger gadgets

Important Note:- Before doing customization of your blogger's default template, take Back-up of your template and your blog's data so that if you make any major mistake, you can easily restore your original template as well as your blog's data.

Note : How To Download Blogger Template

Note :  How To Download Blogger Data

Step 1. Login to your blogger account
Step 2. Click Template
Step 3. Click Edit HTML

Step 4. Once you click Edit HTML, you will able to see the codes of your blog's template

Read also How to reduce space between post gadget & sidebar gadget

Step 5. Click anywhere inside the code area Ctrl + F on your keyboard to get search box inside the code area

Step 6. Type .header h1 { inside the search box and press Enter twice on the keyboard.

Step 7. Once you press Enter on the keyboard, you will switch to .Header h1 {. Now you need to insert margin-bottom: -15px; below .Header h1 {. See the below code and image.

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
margin-bottom: -15px;
text-shadow: 0 0 $(title.shadow.spread) #000000;

Step 8. Click Save template to save the changes.

Read  also How to reduce space between blog title & blog description

Watch This Video

Thanks for reading the post. Let me know whether you have experienced this trick. Also let others to experience this feature by sharing this post on your social networks.


  1. GOD Bless
    Thanks :)

  2. thank you SO much this was amazing!

  3. This doesn't work for me ... Now the code appears in my Blog O.o

    1. check the code again. u may miss any parameters

  4. REALLY worked. THank you :)

    PS: you may have to press enter twice in find or look around titll you find .Header h1 {


Post a Comment