Code to decrease spacing between images in blog post???

• 

  dawson74 · Member · Mar 29, 2014 at 8:41 pm

  • Copy link
  • Add topic to favorites

  Until recently I could post my images in my blog posts and have only a thin white line between each image. Now, when I try to center an image, it automatically creates a thicker white line between the images. Any idea why this is happening? How do I control the size of the white between images? I am assuming this is a “border” issue? Not sure. Can’t find anything that helps, especially with the part of it changing when I go to center my vertical images.

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

• 

  designsimply · Member · Apr 1, 2014 at 5:32 pm

  • Copy link

  The spacing is actually coming from the links that are surrounding images. I’m not really sure why browsers do the spacing like that…

  And I’m not sure there’s a perfect solution. One possible solution might be just to move linked images up just a teensy bit like this:

  .entry-content a img {
  	margin-top: -5px;
  }

  But I think it would be even better to use the built in gallery feature instead. The tiled galleries are gorgeous. You can find instructions here: http://en.support.wordpress.com/images/gallery/#adding-a-gallery-or-slideshow

  And examples of different tiled galleries (which are so cute!) at http://en.support.wordpress.com/images/gallery/#examples-of-gallery-styles