Unwanted space at bottom of image widgets in Twenty Ten

• 

  sideponytail · Member · Feb 13, 2011 at 10:16 pm

  • Copy link
  • Add topic to favorites

  I’ve been working on the CSS for my blog after importing it from blogspot to wordpress and have figured out most of the changes I was looking to make, but am stuck on a few nagging details. Right now, I have unwanted white space displaying at the bottom of two image widgets in my side bar. The white space below the first image widget is thinner than the white space below the second image widget. I would like to eliminate the white space beneath both widgets. (My blog is located at: http://sideponytail.wordpress.com.)

  I’m currently using the following CSS to add customizations to my sidebar:

  .widget-container {
  background-color:#ffffff;
  }

  #main .widget-area ul ul {
  margin-left:none;
  }

  .widget-area ul ul {
  list-style:none;
  margin-left:0;
  font-family:”Helvetica Neue”, Arial, Helvetica, “Nimbus Sans L”, sans-serif;
  background-color:#ffffff;
  }

  .widget-title {
  color:#576856;
  background-color:#ccc8b1;
  padding:5px;
  }

  If anyone has any suggestions, I would greatly appreciate them. Thanks for your help!

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Feb 13, 2011 at 11:16 pm

  • Copy link

  The following gets rid of it on the Peanuts image, but not on the image at the top. The one at the top has an alignment of “none” and when I added alignnone to the below, it did not get ride of the

  .widget_image img.alignleft, .widget_image img.alignright, .widget_image img.aligncenter {
  margin-bottom: 0;
  }

  After adding the above, open that top widget and change alignnone to aligncenter and it will correct.

• 

  sideponytail · Member · Feb 14, 2011 at 12:21 am

  • Copy link

  Thank you so much for your help!

• 

  thesacredpath · Member · Feb 14, 2011 at 12:22 am

  • Copy link

  You are welcome.