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

  • Author
  • #1140579


    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


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



    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.


    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;



    Really thanks for your help.
    I’ll try your code.

    Have a great day!


    You are welcome, and you too.

The topic ‘How can I a horizontal line just below the Widget Title in Twenty Ten?’ is closed to new replies.