Reduce Space Between Gadgets In Blogger Blog

How to Reduce Space Between Gadgets(Widgets) In Blogger Blog:

By default, there is a large amount of space between gadgets (widgets) in Blogger blogs. However, you can easily adjust the spacing between gadgets in your blog without adding any CSS code to your Blogger template. Instead, you can simply modify the margin values in your Blogger template to decrease the space. This post will guide you through the process of reducing the space between gadgets in your Blogger blog.

Follow Below Simple Steps to Reduce Space Between Gadgets(Widgets) In Blogger Blog

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML (and tick expand widget templates box in old template)

Step 4 : Search Below Code

.main-inner .widget {
background-color: $(widget.background.color);
border: 1px solid $(widget.border.color);
padding: 0 $(widget.padding.side) 15px;
margin: 20px -16px;

Decrease values in margin attribute like below
margin: 10px -10px;

If you want to decrease the space even further, you can use smaller values in the margin attribute.

Step 5 : Click on Save Template.
Labels:

6 comments:

  1. Joly George4 June 2013 at 09:15

    interesting http://probloggerhome.blogspot.in/

    ReplyDelete
  2. Liz Luscomb31 July 2013 at 07:40

    I'm having trouble finding the code you listed. I typed it into the search box, and nothing comes up. The only thing I can find is:
    .main-inner .column-left-outer {
    width: $(main.column.left.width);
    right: 100%;
    margin-left: -$(main.column.left.width)

    Any advice on how I can still change the width between the gadgets? I am wanting to add side bar labels that are customized with a picture.

    ReplyDelete
  3. Abby Rockwood26 August 2013 at 07:42

    hello, I am trying to decrease the space between the text and archives label on the sidebar. do you know how i can fix this? thanks

    http://www.passporttotheworldblog.com/

    ReplyDelete
  4. Venkat26 August 2013 at 11:59

    Hello Abby
    what text?, plz tell me clearly

    ReplyDelete
  5. Unknown31 October 2013 at 03:42

    please how can i separate my sidebars gadget from my blog main body. this has being my major problems and it has being restricting me in doing so many things as a blogger. www.freshouttrend.blogspot.com

    ReplyDelete
  6. Venkat31 October 2013 at 08:49

    Hi Olushola Moses, How you want to separate?

    ReplyDelete