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

• 

  skyblueguy · Member · Jan 30, 2013 at 5:46 am

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  thesacredpath · Member · Jan 30, 2013 at 4:13 pm

  • Copy link

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

• 

  skyblueguy · Member · Jan 31, 2013 at 5:08 am

  • Copy link

  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.

• 

  thesacredpath · Member · Jan 31, 2013 at 4:09 pm

  • Copy link

  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;

• 

  skyblueguy · Member · Feb 1, 2013 at 12:28 am

  • Copy link

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

  Have a great day!

• 

  thesacredpath · Member · Feb 1, 2013 at 3:09 am

  • Copy link

  You are welcome, and you too.