Reduce space between images in sidebar

• 

  mercermilling · Member · Jan 14, 2015 at 8:27 pm

  • Copy link
  • Add topic to favorites

  I’ve inserted multiple same-space images into the Secondary Widget Area, and would love to close up the spacing between them. I’ve tried adjusting the margins and padding in CSS but nothing seems to work. I’m using the Twenty Ten theme. Any advice?

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

• 

  thejaguarstar · Member · Jan 15, 2015 at 12:01 am

  • Copy link

  Hi @mercermilling

  Are you trying to close the gap between the menu items on the left hand side?

  What CSS do you have for the list of images?

• 

  staff-happychia · Staff · Jan 15, 2015 at 9:39 am

  • Copy link

  Please try this:

  #secondary ul li {
      margin-bottom: 0px;
      height:35px;
  }

  All the images are of 35px height except HOME image which is why after adding this style you will find that the gap between Home and Feed Products is slightly different to the space between rest of the menu items.

  But this is not a big deal if you wish use more than 35px of height in the above style. Feel free to adjust the height to your liking :-)

• 

  mercermilling · Member · Jan 15, 2015 at 2:10 pm

  • Copy link

  That worked beautifully! Thank you so much!