Need help? Check out our Support site, then

How can I a horizontal line just below the Widget Title in Twenty Ten?

  1. I found a way to insert a horizontal line between widgets.

    However, I want to add a horizontal line (a kind of <hr> tag in html) just below an individual widget title. Is it possible to add a horizontal line immediately below a widget title?

    Thanks for your help in advance.

    The blog I need help with is

  2. Yes it is. Do you want to do this to all widget titles, or just to select widgets? If select widgets, which ones?

  3. As you might see at my blog, there is no horizontal line under a widget title. I just want to add one between the widget title and widget post items. Thanks.

  4. This will do a line under all widget titles.

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

    If you want a little spacing between the line and the widget content, try this and then adjust the top margin value to your liking.

    #main .widget-area ul {
        margin-top: 10px;

    If you want more space between the title and the line, add this to the .widget-title rule and adjust as you desire.

    padding-bottom: 10px;

  5. Really thanks for your help.
    I'll try your code.

    Have a great day!

  6. You are welcome, and you too.

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.