As for Photo Gallery widget, I quite like “columns” layout, but the each photo is cut off on right and left. I think this is intentional, but is there any way to fit the photos perfectly (without cutting off right and left)? Link: https://837c81216dc3434182fdfca64acbed87.elf.site/ In the originally…

Hi there, @Joey_J :wave: Sure! I’ve adjusted the image appearance with this CSS code: .eapp-photo-gallery-columns-item-image { object-fit: contain; } Check your widget and let me know if you like the result :wink:

Ohh, this is great, thank you for your help! I’ll test further, but very likely I’ll sign up with the paid plan, thank you!

Awesome, you are welcome! By the way, we’ve just launched a new challenge, where you can win a 6-month extension to any of your subscriptions. Also, you’ll be able to apply this bonus to a new subscription - a great chance to test the Photo Gallery for 6 months absolutely for free! Check the deta…

By the way, just encountered one problem. There are relatively tall spaces/paddings added at the top and bottom of the gallery. Possible to remove these to 0 (zero)? Thank you for letting me know about the challenge. I’ll join for sure!

No problem! I’ve shared it with the devs and will get back to you once I have their response :slightly_smiling_face:

Thank you! I was able to get a desired result by using :arrow_down: c, but if there is a better solution (because it’s not so appropriate to use minus values for positioning the gallery), please do let me know, thank you! .eapp-photo-gallery-photo-gallery-component {margin-top: -60px; margin-bottom…

Sorry, again. Just found a flaw… The empty spaces above and below photos are somehow clickable. Possible to fix this? After using the minus value (margin-bottom: -60px and margin-bottom: -110px) to reduce the space above and below the gallery, I included some texts on my website (as seen in the scre…

Sorry, so many times. Looks like the CSS below did the trick! So, in the meantime, I have no further issue, thank you! .eapp-photo-gallery-columns-main, [class*=‘CarouselItem__CarouselItemContainer-sc’] div {height: auto !important;}

Sorry, there’s another issue with the code above. When the page is loaded the first time (Ctrl + F5 or after clearing the browser cache), the gallery appears like this very thin (it’ll show properly only if the page is refreshed). Is there any solution for this? Thank you in advance! [screenshot]

Hi there, @Joey_J :wave: To fix the issue, we’ve replaced your code with this one: .eapp-photo-gallery-columns-item-image { object-fit: contain; } .eapp-photo-gallery-item-data-imageContainer:first-child:hover { filter: brightness(75%); -webkit-filter: brightness(75%); -moz-filter: brig…

Question on Photo Gallery widget (Columns layout)

Ask the Community General Questions

Topic		Replies	Views
Image gallery container issue General Questions photo-gallery	3	29	June 5, 2025
Photo Gallery: Widget crash issue fixed Bug Fix photo-gallery	0	104	January 17, 2024
A mix of short and long descriptions doesn't work General Questions photo-gallery	4	51	June 23, 2025
Photo Gallery: Alignment issue fixed Bug Fix photo-gallery	0	152	December 4, 2023
Images getting cropped in photo gallery General Questions photo-gallery	1	182	November 23, 2022

Question on Photo Gallery widget (Columns layout)

Related topics