Image display in carousel/gallery

Hello everyone.
I made an image carousel on my glide app and I have a problem with how some images look in it. The images that have been taken in portrait mode look zoomed in (as the image below shows it). Is there a way to show the entire image ?

The original image :

Does it help if you change the Aspect Ratio to auto… and size full?

1 Like

I tried it and the image is too big on larger screens.

Is there a way to add CSS or is it not included in the legacy starter plan ?

.align-center div.is-carousel > img {
  object-fit: contain; 
}

The thing is that I think I can’t add custom CSS… I have tried a way I found on the community here which consists in adding <pre><span><style> to a rich text component and then writing the CSS but it’s an outdated solution, I think it’s not working anymore, is it ?

Did you check your “Settings > Appearance” section? For new applications, you can no longer use richtext components to write CSS.

Yes I did, it should be at the bottom of the appareance section but there is nothing.

So I guess the only solution left is tu upgrade to another plan to be able to write custom CSS ? do you have any idea for how long legacy plans are left before you’re forced to switch or something ?

As for the timeframe for legacy plans before being forced to switch, I’m not sure. However, I have seen warnings in my classic application.

Strange, I have none of that on my app. anyways, thanks a lot for your time and for your help, @Eric_Penn Thank you too.

Which plan are you on? CSS is available on all new paid plans. For legacy plans, I think it’s only available for Business plans and up.

1 Like

I am on the legacy starter plan so I don’t think custom CSS is available for me. I have no idea when I’ll have to switch to the new plans too…

1 Like