Stop Cropping of Images in Photo Gallery

Is there a way to stop images from being cropped in the photo gallery? I am using the thumbnail layout.

Also, since the thumbnails have navigation arrows, I’d like to remove them from the active image.

Thanks

Hi @Laura_Sandoval, welcome to community :clap:
try doing this here in these settings.

Thanks for the quick reply!

I don’t see those settings under Layout.

1 Like

Hi there, @Laura_Sandoval :wave:

You can hide the arrows from the active image using this code in the Custom CSS field on the Style tab of your widget’s settings:

.eapp-photo-gallery-thumbnails-mainButton {
  display: none;
}

As for the cropping issue, I’ve passed it on to the devs and will get back to you tomorrow :slightly_smiling_face:

1 Like

Thank you very much!

1 Like

Hi @Laura_Sandoval :wave:

This CSS code will fix the image cropping issue :slightly_smiling_face:

.eapp-photo-gallery-item-data-imageContainer {
  padding: 0 !important;
  height: 100%;
}

Thank you, Max! You guys are awesome.

2 Likes

Many thanks for your kind words, @Laura_Sandoval :heart:

If anything else comes up, we’re always here to help :wink: