WordPress.com

1. skyblueguy
   Member
   Jan 30, 2013, 5:46 AM

   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.

2. thesacredpath
   Member
   Jan 30, 2013, 4:13 PM

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

3. skyblueguy
   Member
   Jan 31, 2013, 5:08 AM

   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. thesacredpath
   Member
   Jan 31, 2013, 4:09 PM

   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. skyblueguy
   Member
   Feb 1, 2013, 12:28 AM

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

   Have a great day!

6. thesacredpath
   Member
   Feb 1, 2013, 3:09 AM

   You are welcome, and you too.

Topic Closed

This topic has been closed to new replies.