How to reduce space between widget title and border

  • Author
  • #982239

    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


    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!


    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:


    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.


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

    Thank you!


    You’re welcome!



The topic ‘How to reduce space between widget title and border’ is closed to new replies.