I’m trying to create a grid of images. I’d like for the images to touch each other on all sides – never any white space. I’ve tried aligning the photos toward each other and that doesn’t fix the issue. Also, when there are stacked images in the same column there is a white space. See screenshot at this link: https://www.dropbox.com/s/4p7wtmdq3hkwlrx/Screen%20Shot%202015-06-18%20at%205.11.56%20PM.png?dl=0
Any advice? Thanks!
Hi Keith!
Did you try the Masonry Gallery element? If you should keep having problems then please link to your site so that we can have a closer look.
Cheers!
Rikard
Hey!
I think it will work, also when you need a specific order, as you can reorder all images in masonry gallery. Not sure what you mean with having color on hover, but captions are also possible. When you give us a test link showing your masonry gallery, then we can provide you some CSS to remove any white gap.
Best regards,
Andy
Hi Andy,
I think you misunderstood my last message. I think that I’ll need to use a grid row because I need the elements to be laid out in a specific order. And ultimately each image will have an opaque color and caption that appears on hover. Right now I just need to have all of the elements touching – no white space – regardless of the device being used to view the site.
Will you have a look?
Thanks so much!
Hi!
I think it could be done but would require a heavy customization of the theme, which you can request here.
Let us know in a new ticket if you have any other questions/issues related to the theme. We are happy to assist.
Regards,
Andy