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

  • Author
    Posts
  • #1140579

    skyblueguy
    Member

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

    #1140788

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

    #1140824

    skyblueguy
    Member

    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.

    #1140828

    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;

    #1140837

    skyblueguy
    Member

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

    Have a great day!

    #1140839

    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.