WordPress.com

1. themabelkwong
   Member
   Aug 18, 2012, 1:50 PM

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

2. sensuousinkspiller
   Member
   Aug 18, 2012, 3:38 PM

   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!

3. houstonweaver
   Member
   Aug 18, 2012, 3:48 PM

   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

4. houstonweaver
   Member
   Aug 18, 2012, 3:49 PM

   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.

5. themabelkwong
   Member
   Aug 19, 2012, 4:01 AM

   Thank you very much sensuousinkspiller and houstonweaver. I decreased the line-height in the widget title and it worked like a charm!

   Thank you!

6. sensuousinkspiller
   Member
   Aug 19, 2012, 2:01 PM

   You're welcome!

7. houstonweaver
   Member
   Aug 19, 2012, 3:25 PM

   Super!

Topic Closed

This topic has been closed to new replies.