How To Use Custom Aspect Ratios With Elementor Gallery Widget (Basic and Pro)

[@uvarov.design]

thank you very much for this tutorial, very helpful and clear

[@daveden2]

I'm glad to hear that

[@elewebdev]

Awesome CSS trick, THANKS!! 😎

[@daveden2]

I'm glad you liked it

[@peonza126]

I love the video

[@nocturiushd]

Good title! Very helpfull

[@daveden2]

Thanks

[@simplyfinnphotoandfilm4406]

THANK YOU. 2x3 is such a basic aspect ratio for photography. Elementor offers 3x2 as a default, but not 2x3 and I can't understand why. Their only vertical option is 9x16. This CSS is so helpful.

[@daveden2]

Yeah, I agree with you. I don't yet know their reason for not offering common portrait aspect ratios.

[@DioramaEstúdio]

Anyway how to do this with media carousel widget? Can't find any solution for that :/

[@daveden2]

Here's what you can try. Edit the media carousel widget: 1. under the Content tab, using the custom unit selector (pencil icon), set the height to auto 2. Add this custom CSS under the Advanced Tab > Custom CSS, change the 4 / 3 to your preferred aspect ratio: selector .elementor-carousel-image{ aspect-ratio: 4 / 3; }

[@DioramaEstúdio]

thank you! @@daveden2

[@daveden2]

What Aspect Ratio do you use for your photos? Also, what other tutorials would you like me to cover?

[@nocturiushd]

5x7

[@manuell.4197]

When I use this Css and open the site the first picture is shortly shown huge in front and then the gallery works. Any ideas for help?

[@daveden2]

Are you referring to the Pro Gallery? Yes, I have a problem with it because Elementor loads it with JavaScript. I'm looking for a way to improve it, but I prefer using the basic gallery instead.

[@manuell.4197]

@@daveden2 cant use the basic gallery because i also use css to give each picture an individual link. (you cant set custom link with the basic gallery so the css dont work)

[@daveden2]

@@manuell.4197, in my other video, I showed that it is possible to set custom links to each image using some JS code snippet. Have you seen the video? kzbin.info/www/bejne/bJ7ac51sj9Wsr80

[@rafaelmoura910]

👍👍👍