• Resolved whistlerdan

    (@whistlerdan)


    In the plugin description, it lists one of the features as “Custom spacing between images”. I have tried the plugin, but I can’t find that setting. The only gallery-wide setting is the number of columns. How do I control the spacing between the images?

    EDIT: I see you actually added this option in an update today. However, in my testing on Masonry layout, it only affects the column gap, leaving a gap between the rows. Seems to work in the other layouts, but there’s definitely an issue with masonry. I disabled all plugins and reverted the theme to the default 2025 theme and still saw the same issue.

    • This topic was modified 5 months, 3 weeks ago by whistlerdan.
Viewing 12 replies - 1 through 12 (of 12 total)
  • Hi @whistlerdan ,

    I’ve just tried it and it’s working fine from my end.

    Check here: https://sendspark.com/share/t70cy67my3quspn15dwf9839fvs13d7r

    Can you please try again after clearing browser cache?

    Regards

    Thread Starter whistlerdan

    (@whistlerdan)

    Sorry, I see now that my explanation was not clear enough. The row gap does change, but not below a certain threshold. Your test video doesn’t show you testing a 0px gap, which is when the problem will be visible. Manually set a 0px gap by typing it in, instead of using the slider.

    I have tried it in multiple browsers and cache has been cleared.

    If you have a way I can send you links privately, I can send you a link to my staging site’s test page so you can see it for yourself.

    • This reply was modified 5 months, 3 weeks ago by whistlerdan.
    Plugin Contributor Farhan Shafi

    (@farhanshafi)

    Hi @whistlerdan, I understand what you’re saying. In the Masonry layout, a block spacing of 0px does show the row space. We will work on it and try to fix this in the upcoming release.

    Best Regards

    Thread Starter whistlerdan

    (@whistlerdan)

    Great. Thanks for confirming the issue. I appreciate your fast response. You have the beginnings of a great plugin here. The community really needs a lightweight gallery plugin with Masonry and Tile effects. There are so many bloated gallery plugins out there with far too many features. I look forward to seeing this develop and to seeing what you offer in the Pro version. I’d far rather pay for speed and code efficiency than 100 features I never need πŸ™‚ Cheers!

    Hi @whistlerdan,

    Appreciate your kind words. We will try our best to keep the plugin simple and lightweight.

    Regarding the issue you’re facing, we will solve it in the next release. And we are also planning to have two options in the spacing (one for rows and another one is for columns).

    Regards,
    Istiak

    Thread Starter whistlerdan

    (@whistlerdan)

    Please ignore this latest post from me today. I think I was able to figure it out. Thanks

    • This reply was modified 4 months, 2 weeks ago by whistlerdan.
    • This reply was modified 4 months, 2 weeks ago by whistlerdan.
    Thread Starter whistlerdan

    (@whistlerdan)

    Hi. I’m still having spacing issues in the latest 1.0.7 release.

    If I set the gallery style to grid and then either move the spacing sliders to “none” or manually type 0px, it behaves correctly in the Gutenberg editor. However, on the front-end, there is always a 16px gap above and below images, and I need to use .galleryberg-gallery-container.layout-tiles {gap: 0px!important;} to fix it.

    If I set the gallery to masonry and try to set the spacing to 0px using both sliders, I seem to have all the same issues I had when I first tested the plugin. In the editor, there is always a gap shown below the images, even when you set 0px, and on the front-end, the gap is always there, both horizontally and vertically. Exactly the same issues as before, and I can’t even figure out how to patch the problems with CSS for the masonry style.

    Plugin Contributor Farhan Shafi

    (@farhanshafi)

    @whistlerdan We are sorry for the inconvenience.

    If I manually type 0px by changing the slider into custom value it works fine for side spacing. However, there is an issue with the spacing below. Please try this CSS for the bottom spacing.

    .galleryberg-gallery-container.layout-masonry>figure.galleryberg-image, .galleryberg-gallery-container figure.galleryberg-image img {
    display: block !important;
    }

    This is the temperory fix for you only, we will include it in the upcoming release.

    If you have any questions or need support, don’t hesitate to reach out.

    Regards,
    Farhan

    Thread Starter whistlerdan

    (@whistlerdan)

    Hi,

    Here is a screenshot. I have manually set both sliders to 0px, and there is still a gap in the row and column. You can see in the style inspector that the CSS you have me has loaded, but it doesn’t seem to be doing anything.

    If I select the gallery container in the inspector, you can see there’s still a 16px column gap there, too.

    Plugin Contributor Farhan Shafi

    (@farhanshafi)

    Hi @whistlerdan we will look into it in deep and fix it. I hope both issues will be fixed in the upcoming release.

    Istiak Rayhan

    (@istiakrayhan)

    @whistlerdan We’ve fixed the issue in the latest release. Please update Galleryberg to the latest version.

    Thread Starter whistlerdan

    (@whistlerdan)

    Thank you. Yes, I see this is all working correctly now.

Viewing 12 replies - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.