How to reduce space between widget title and border
-
How do you reduce space between the widget titles and the line/border below it?
My blog http://themabelkwong.wordpress.com
Here is a bit of my customised CSS code:
.widget-title {
font-size:17px;
margin:2px;
font-family:arial;
font-weight:500;
letter-spacing:0;
line-height:2.6em;
text-transform:none;
border-bottom:1px solid #ddd;
}.widget-title a {
color:#666;
font-weight:normal;
}As you can see, I added a border below my widget titles, but I want to reduce the space between them. I’ve tried decreasing padding but it does not seem to work.
Thank you.
The blog I need help with is: (visible only to logged in users)
-
I was playing with the widget-title yesterday in my blog (Twenty Eleven theme) , and it is line-height that needs to be adjusted for that.
Hope that helps!
-
Try reducing your line-height and see if that works. I didn’t delve deeply so don’t know if that will have any negative ramifications in the rest of your widget, but try it out. Disclaimer: just a peer blogger, not one of our super gurus here on wp.com. You might look here to see if this might be applicable: http://www.w3schools.com/cssref/pr_dim_line-height.asp
-
Oops, sorry, didn’t mean to give a second answer, guess I should have refreshed before posting my answer, but at least we came up with the same idea.
-
Thank you very much sensuousinkspiller and houstonweaver. I decreased the line-height in the widget title and it worked like a charm!
Thank you!
-
-
- The topic ‘How to reduce space between widget title and border’ is closed to new replies.