When I create a gallery (thumbnails / 3 columns) and add it to a blog post, the weird thing is that it always skips the top right photo whatever I do. This makes the layout look a bit weird. All the photos are in the gallery, it's just that the top right is blank for some reason.
Hi,
When I create a gallery (thumbnails / 3 columns) and add it to a blog post, the weird thing is that it always skips the top right photo whatever I do. This makes the layout look a bit weird. All the photos are in the gallery, it's just that the top right is blank for some reason.
Any ideas? :)
Thanks.
Regards,
Roman
Hi Roman,
Have you already solved this? Because I don't see any problem in the layout for the moment.
See video: https://d.pr/v/GW8fYg
Thanks!
Ah, I tested in Firefox and indeed it works there. The issue only seems to exist in Safari.
Hi Roman,
Thanks for the info, It's strange why Safari loads like that because the container is 33.333333% so it is a perfect 3 column.
See video: https://d.pr/v/rWmJIV
Anyway please add this CSS code in your Custom CSS area:
.post-formatting .gallery.gallery-columns-3 .gallery-item, .widget.widget_media_gallery .gallery.gallery-columns-3 .gallery-item { width: 33.28000000%; }and see if it fixes the problem.
Works perfect, thanks a lot! :)
Happy to hear that
Will set this ticket as solved from here.
P.S: Happy Holidays by Laborator team!
Hi Ylli,
I'm afraid I have the same issue with a 4 column gallery. See link in Safari as example (in Firefox it's fine): https://romanrobroek.nl/photographing-huize-ivicke-in-wassenaar/
Is there any custom CSS I can add to fix this as well?
Thanks!
Hi Roman,
Can you please add the code below to your Custom CSS area:
.post-formatting .gallery.gallery-columns-4 .gallery-item, .widget.widget_media_gallery .gallery.gallery-columns-4 .gallery-item {width: 24.95% !important;
}
Have a nice day!
Perfect, thanks! :)
Happy to hear that
Will set this ticket as solved from here.