ernymiles

The margins are due not to any margin CSS setting, but to the fact that you don’t set the % widths of the li items properly. For example, if you have 8 images per row, you set the li width to 12% instead of 12.5%. I find your insistence on sticking to integers extremely odd.

.rps-image-gallery.gallery-columns-8 li {
width: 12.5%;
}

Looks fine!

You are an absolute legend. Thank you.

Sure, it wouldn’t be absolutely exact either way. Due to the discreetness of pixels you will not have exact partitioning, (but with today’s pixel densities, who will tell?). However, your current implementation creates very large margins unless 1, 2, 4, or 5 columns are selected… we’re talking about pixels here, but the margins are unnecessarily large (in the order of dozens of pixels) at the moment.

I would also be very interested in seeing a solution to this

It would be great if you found a way to fill the width of the container with an arbitrary number of columns. Surely you can use floating point numbers for the width percentages?

Thanks, that is useful. Regarding filling the container width, it appears there is a margin to the left and right of the grid – i.e. the grid does not stretch all the way to completely fill the container. Is there a way to achieve this by overriding the CSS?

Thank you

Isn’t there a way to avoid stretching the images at all and just display them at their correct resolution with appropriate padding, like the default WP gallery? It always looks horrible to scale images on web pages and this should be avoided. Thanks