Sunday, 21 July 2013

How-To: Reduce The Space Between Gadgets/Widgets [Blogger]

>
By default, Blogger sets a margin of (don't quote me on this) roughly 30px between gadgets/widgets. If you have a lot of gadgets or are using the HTML/Javascript gadget to add image titles like I have for a lot of my right sidebar, 30px between each gadget is just too much.

How adjust the space between Blogger widgets!?
To adjust the spacing between gadgets simply follow these easy steps.
Go to Template > Customize > Advanced > Add CSS
Paste in the following code:

.widget {
    margin: 5px 0 0 0;
}

Adjust the margin height. I have mine set to 5px.
Once you have entered this code and adjusted the width, you should be able to see the preview in the preview pane below. If you are happy with the size, click Apply to Blog.

3 comments:




  1. thanks for this post, keep it up for updating us, i am waiting for ur new article.
    IPL 2015 Cricket live score
    mps computers
    Harjinder Singh

    thanks again

    ReplyDelete
  2. Wow, absolutely fantastic blog. I am very glad to have such useful information.

    เย็ดสาว

    ReplyDelete
  3. I'am glad to read the whole content of this blog and am very excited.Thank you.

    ทางบ้าน

    ReplyDelete