Changing spacing/padding between widgets/images in the sidebar

• 

  holleymaher · Member · Apr 4, 2011 at 7:55 pm

  • Copy link
  • Add topic to favorites

  Hi, there,

  Take a look at my blog- http://www.holleymaher.com

  I’m trying to figure out how to change the spacing between the sidebar images (you’ll see that there’s way too much space between the links to my Facebook, twitter, etc.). Is there any way, with the Custom CSS Edit tool, that I can make these images appear closer together?

  Please help!

  H

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

• 

  timethief · Member · Apr 4, 2011 at 8:26 pm

  • Copy link

  Are those images all in separate widgets? Or are they all in the same widget?

• 

  timethief · Member · Apr 4, 2011 at 8:28 pm

  • Copy link

  Also are they in individual image widgets or are they in individual text widgets? Or are they all in the same text widget?

• 

  holleymaher · Member · Apr 4, 2011 at 8:28 pm

  • Copy link

  They are all separate image widgets, because they all need to link to separate web addresses when you click on them, if that makes sense. Obviously, I couldn’t just make it one image because there would be no way for me to link each “button” to a different web address.

  Is there a better way to go about this? I couldn’t come up with one.

• 

  holleymaher · Member · Apr 4, 2011 at 8:29 pm

  • Copy link

  Text widget?? Oh… is it possible to just use the text widget and code in the images and their links?

• 

  timethief · Member · Apr 4, 2011 at 8:31 pm

  • Copy link

  Yes, you can use one text widget and place all the codes for the linked images in it.

• 

  holleymaher · Member · Apr 4, 2011 at 8:31 pm

  • Copy link

  Ah ha. That makes a lot more sense. I hadn’t even thought of that. Thanks so much!

• 

  timethief · Member · Apr 4, 2011 at 8:32 pm

  • Copy link

  You’re welcome and best wishes with it. :)

• 

  holleymaher · Member · Apr 4, 2011 at 8:43 pm

  • Copy link

  Grrr…

  So, I did an html box for the images rather than doing separate image widgets for each of them, but they’re still a bit further apart than I’d like them to be.

  http://www.holleymaher.com

  I’d really like for them only to be a few pixels apart. Is there any way to do this with CSS Edit?

  H

• 

  thesacredpath · Member · Apr 4, 2011 at 9:10 pm

  • Copy link

  Modify your image link code in your text widget adding

  style="margin-bottom:0;"

  as below.

  a target="_blank" href="http://www.facebook.com/holleymahermusic">
  <img src="http://i79.photobucket.com/albums/j126/hollice99/facebook-7.jpg" style="margin-bottom:0;">
  </a>

• 

  holleymaher · Member · Apr 4, 2011 at 9:15 pm

  • Copy link

  Thank you so much! I’m actually about to start another thread about why my background image isn’t showing up anymore. Lots of issues today. :)

• 

  timethief · Member · Apr 4, 2011 at 9:33 pm

  • Copy link

  That did it. They look fabulous!

• 

  thesacredpath · Member · Apr 4, 2011 at 9:49 pm

  • Copy link

  Yes Holly, your site looks very nice, and I like your music.

• 

  timethief · Member · Apr 4, 2011 at 9:54 pm

  • Copy link

  I like your music too. You have a lovely voice and I’m not just flattering you. I can also sing. ;) I’m listening to”Wrecking Ball” right now.

• 

  holleymaher · Member · Apr 4, 2011 at 10:56 pm

  • Copy link

  Thanks, both of you :) For your help, and for taking a listen!