• Tanvir Hasan

    (@tanvirhasan93)


    There is like 10px extra padding in sidebar between each widgets. How can I change it?

Viewing 7 replies - 1 through 7 (of 7 total)
  • bdbrown

    (@bdbrown)

    Hi Tanvir. Try this css; adjust the 10px up or down as needed:

    .sidebar .widget {
      padding: 10px 30px;
    }
    Thread Starter Tanvir Hasan

    (@tanvirhasan93)

    Hi bdbrown,
    I have tried that by adding it at custom css but it did not work.

    bdbrown

    (@bdbrown)

    Can you post a link to your site?

    Thread Starter Tanvir Hasan

    (@tanvirhasan93)

    Here my blog blog address: http://webuilddesign.com/

    bdbrown

    (@bdbrown)

    I don’t see the above code but see this instead:

    .sidebar .widget {
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 20px;
    }

    If you want to reduce the space between the widgets further you can add the padding-bottom property:

    .sidebar .widget {
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 20px;
      padding-bottom: 0;
    }
    Thread Starter Tanvir Hasan

    (@tanvirhasan93)

    I have tried that but it is still not working.

    bdbrown

    (@bdbrown)

    When I plug that css into your site using Developer Tools it works. Maybe you have a cache somewhere that needs to be reset, or your browser cache needs to be cleared? Or maybe your minify process is somehow altering your custom css.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to remove extra padding from sidebar’ is closed to new replies.