Remove padding between images

studio_ux · January 2015

Is it possible to create a masonry layout with images by removing the padding between images? If so, how may I go about doing this?

Thanks!

Albert · January 2015

Do you mean gallery like this one we have for example at http://themes.muffingroup.com/be/bw/ where images are close together?

studio_ux · January 2015

Yes just masonry instead of the current layout.

Albert · January 2015

So to make the same gallery layout as we did on B&W demo, you must use flat style for item, just like as we did on demo:

[gallery columns="4" link="file" ids="23,22,20,21,18,24,25,26,27,28,33,30,19,31,32,29" style="flat" greyscale="1"]

studio_ux · January 2015

Sorry what item did you use to create the layout? I dont have the B&W demo content.

yaroslavusa · January 2015

I'm trying to understand how did you created this short code. Can I generate it in Muffin Builder or else where?

Or I have to refer this http://en.support.wordpress.com/images/gallery/

Albert · January 2015

@studio_ux Please look at link that @yaroslavusa sent because this is how gallery works like

@yaroslavusa This is the right link of course to place where gallery has been described.

studio_ux · January 2015

Sweet! Thanks for the help.

Albert · January 2015

You're welcome

studio_ux · January 2015

Sorry one more thing. I added the CSS and the gallery remains unchanged.

Albert · January 2015

What css you added? Because we have no idea about what css you talk about as this item do not have any field to put own css code.

studio_ux · January 2015

Sorry I didnt realize it was to be posted on the page. Everything works except there is still padding between rows, and the images are non masonry. Any way to change?

Albert · January 2015

@studio_ux Did you made this gallery as we mentioned above? Did you used the same style? Because until you won't do it the same way, it won't work.

studio_ux · January 2015

yes I copied the gallery into the page and used my images.

Albert · January 2015

@studio_ux So please send us private message with explanation where you did it and we'll have a look on it because we are pretty sure that you did something wrong.

Remove padding between images

Comments