Need help? Check out our Support site, then

How to reduce space between widget title and border

  1. How do you reduce space between the widget titles and the line/border below it?

    My blog

    Here is a bit of my customised CSS code:

    .widget-title {
    border-bottom:1px solid #ddd;

    .widget-title a {

    As you can see, I added a border below my widget titles, but I want to reduce the space between them. I've tried decreasing padding but it does not seem to work.

    Thank you.

    The blog I need help with is

  2. I was playing with the widget-title yesterday in my blog (Twenty Eleven theme) , and it is line-height that needs to be adjusted for that.

    Hope that helps!

  3. Try reducing your line-height and see if that works. I didn't delve deeply so don't know if that will have any negative ramifications in the rest of your widget, but try it out. Disclaimer: just a peer blogger, not one of our super gurus here on You might look here to see if this might be applicable:

  4. Oops, sorry, didn't mean to give a second answer, guess I should have refreshed before posting my answer, but at least we came up with the same idea.

  5. Thank you very much sensuousinkspiller and houstonweaver. I decreased the line-height in the widget title and it worked like a charm!

    Thank you!

  6. You're welcome!

  7. Super!

Topic Closed

This topic has been closed to new replies.

About this Topic