different amount of thumbnails per columns / rows

Comparing both pages i see different container sizes for the inserted galleries. Did you try the WordPress default theme to see if the galleries still show differently?

@cau467 – From what I can see everything appears to be set identically between the “working” and “non-working” galleries (content-width, template, thumbnail dimensions, page-template, etc.) … generally when this staggered effect is displayed is due to specifically setting a display to have a certain number of columns but the theme’s content-width where they are being displayed does not allow for the total width of those columns (image width, padding, margins, etc.)

Do all of your displays specifically use a set number of columns or just the one that is staggered? I suspect this is the case as the page source is showing the <br /> HTML element which is only written when the number of columns have been set.

It would seem, at least in this case, there is a slight difference in the overall width calculation on your site when the columns are set versus when they are not.

Thanks!

– Cais.

Hi Cais
I experimented with various thumbnail sizes and the amount of columns but no luck in adjusting – even the gallery that was working before is now divided like the broken one. If I make the thumbnails smaller it just adds more white space between them and creates a row with a single thumbnail every two rows. I have no columns set in theme or page settings. How can I fix this please?
https://staciescake.com/celebration-cakes/

Hi
I don’t know if this is correct but I figured out this code:
.ngg-template-caption .ngg-gallery-thumbnail-box{
width: 24% !important;
}
sorts out the issue

@cau467 – Thanks for sharing your work-around!

– Cais.