Reduce height of the photo shoots image gallery

Ask the Community Customization
1

I need to reduce the height of the gallery container. I’m using the photo shoots slider gallery.

I can reduce the height of the images using CSS but this leaves lots of white space underneath.
What I really want to do is to reduce the height of the container.
So the images are more square.

I’m not sure how to target the container to reduce the gallery height.

Thanks, Lee

1 Like
3

Hi @Lee5 :wave:

Sure! Here is the code you can use:

.eapp-photo-gallery-columns-main,
[class*='CarouselItem__CarouselItemContainer-sc'] div {
  height: auto !important;
}

Check it out and let me know if it helped :wink:

4

Hi Max, thanks for the code and it works perfectly. On mobile, it only moves with the arrows on each side being pressed. Is it possible to scroll sideways with my thumb??

If not I can live with it for the time being.

Thanks, Lee

1 Like
5

I’ve checked your website and the widget’s is scrolled sideways fine without using arrows. Could you please try to check your website in incognito mode?

If the issue still persists, please specify the device and browser you are using. I’ll be happy to check things for you :slightly_smiling_face:

6

Hi Max, it swipes on my desktop but not on my mobile. It only moves on my android mobile using the arrows.

1 Like
7

Sorry forgot to say I’m using a Samsung Galaxy A52. Browser is DuckDuckGo.

1 Like
8

Thank you so much!

Your request is with our devs now. I’ll keep you in the loop :slightly_smiling_face:

9

@Lee5 Thank you for waiting!

We’ve resolved the issue.

Please check your widget and let me know how it works :slightly_smiling_face: