originalClass applies to surrounding div, not to the img

Hello Xio Lin,

First of all thank you so much for this helpful component. I keep trying to set rounded images (either with the Bootstrap ‘rounded’ or more simply with CSS border-radius: 5px). It does work with thumbnails (by passing this to the thumbnailClass), but not with originals, because originalClass is applied to the div containing the targeted img. Have you an idea how to find a way to apply rounded corners to the originals ? Thanks again !

.myclass (img or not) {
    border-radius: 5px;
}

[xiaolin]

Can you show a screenshot? You might also need to apply border-radius: 5px to the parent class image-gallery-slides too.

[fgaume]

thanks I had it as well, but the problem came from those 2 additional rules (mandatory in my context) :

.image-gallery-slide img { object-fit: contain; max-height: calc(100vh - 136px); ...

Finally, adding :

width: auto; display:block; margin-left:auto; margin-right:auto;

fixed the problem.

So once more thank you for your help and as a result, this thread was definitely not an issue 😉