Hey guys. If any of you know how to remove gaps between images in wordpress and could explain it to me I would be forever greatful. I avoid posting images side by side on my blog because they always have a gap between them. For example, visit my jada michaels post and notice the spaces between the images. There are no paragraph tags or any other HTML in between them that shouldn’t be. Helppp?
Related Posts:
Hi there! I am Emily Evert, the owner of Emily Reviews. I am 28 and live in a small town in Michigan with my boyfriend Ryan and our two pugs. I have a large family and I adore my nieces and nephews. I love reading memoirs, and learning about child development and psychology. I love watching The Game of Thrones, Teen Mom, Sister Wives and Veep. I like listening to Jason Isbell, John Prine, and other alt-country or Americana music. I created Emily Reviews as a creative outlet to share my life and the products that I love with others.
This post currently has 5 responses.
-
I can’t even get my images to go side by side. How do you do that???
-
emmy
@blueviolet – I use the image uploader and upload the first image. Then I click to the right of the first image and upload the new one, and it appears right next to it. However, in the uploader there are options that say ‘none, left, center, right’. If you select ‘left’ then the image goes to the left and the text wras around to the right, like many of my blog posts do. Sometimes if you have for example, left selected on the first image and center on the second image, then it will force the images into two separate rows. When I want them side by side I make sure to select ‘none’ for all the images. Also, If you look in the HTML make sure it doesn’t have an end paragrah
tag or a line break
tab that might be causing them to show up on different rows. -
librarypat
I can’t figure out twitter and facebook, so I won’t be any help.
The .css style sheet creates the gap.
CHANGE
.art-article img, img.art-article {
margin: 1em;
}
TO
.art-article img, img.art-article {
margin: 0;
}