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 http://themabelkwong.wordpress.com

    Here is a bit of my customised CSS code:

    .widget-title {
    font-size:17px;
    margin:2px;
    font-family:arial;
    font-weight:500;
    letter-spacing:0;
    line-height:2.6em;
    text-transform:none;
    border-bottom:1px solid #ddd;
    }

    .widget-title a {
    color:#666;
    font-weight:normal;
    }

    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 themabelkwong.wordpress.com.

  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 wp.com. You might look here to see if this might be applicable: http://www.w3schools.com/cssref/pr_dim_line-height.asp

  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