How can I a horizontal line just below the Widget Title in Twenty Ten?
-
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)
-
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; -
-
- The topic ‘How can I a horizontal line just below the Widget Title in Twenty Ten?’ is closed to new replies.