Elementor Video Aspect Ratio: Change To Any Easily

Elementor Video Aspect Ratio: Change To Any Easily

First, select the closest Elementor video aspect ratio to the one you actually want

Go to Style > Aspect Ratio and choose the option closest to your desired size. This will serve as a fallback for older browsers that don’t support the aspect-ratio property.

Then, add this custom CSS

In the Advanced section, under Custom CSS, insert the following code:

Disregard the red X; the CSS is functioning correctly. For Elementor Free users, enter a class name (e.g., classnameentered) under Advanced > CSS class, then add this CSS somewhere:
				
					.classnameentered .elementor-wrapper.elementor-open-inline {
--video-aspect-ratio: 0.7; /* enter any aspect ratio that you wish here */
}

				
			

Taking it further

A quick note from me, Maxime, the owner of Element.How:

I’ve designed a CSS course tailored specifically for Elementor users. It covers everything you need to know to start adding custom CSS to your Elementor websites. It’s a great way to elevate your Elementor skills.
Give a few chapters a try and see how it works for you! With a one-month, hassle-free, money-back guarantee, you can easily get a full refund if it’s not the right fit.

Finally, enjoy your Elementor video with custom aspect ratio!

I hope you found this tutorial helpful!

Do you need an expert? HIRE US NOW!