Space between images in widget

• 

  goldfeesh · Member · Apr 19, 2014 at 4:40 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  I made a custom image for badges. It’s one image with slices. When I put it in a widget, there is space between the images. I’ve tried formatting the widget in html and every CSS trick I could find, but nothing is getting rid of the white space.

  I’m using the Snap theme. Help?

  This is what the image looks like now:
  

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

• 

  hfzrhmn · Member · Apr 19, 2014 at 11:48 pm

  • Copy link

  Hi there,

  That’s a cool looking navigation image. I think it’d be a good idea if you put your current attempt on the site first, even if it still looks wrong. People here will be able to help you with the CSS once we have something to work with.

• 

  goldfeesh · Member · Apr 20, 2014 at 12:03 am

  • Copy link

  Thanks. I have it hidden on all but a few old posts just so I can futz with it. You can see it in action here:

  A Small Male Dog

• 

  hfzrhmn · Member · Apr 20, 2014 at 1:13 am

  • Copy link

  That’s great, thanks. You can now add the following CSS to remove the spacing:

  #text-44 img {
  	margin-bottom: 0 !important;
  }

• 

  goldfeesh · Member · Apr 20, 2014 at 1:44 am

  • Copy link

  It worked! It was the “img” that I was missing. Thanks so much for your help!

• 

  hfzrhmn · Member · Apr 20, 2014 at 1:59 am

  • Copy link

  Great! You’re welcome!