How to Insert Custom Aspect Ratio Videos with Elementor Video Widget

At this time Elementor page builder for WordPress doesn't support custom aspect ratios for its video widget. Here's how to change that and insert videos of any aspect ratio

- use the built-in Elementor Video widget and select your video

elementor video widget


- choose the 1:1 aspect ratio under the style setting

elementor video aspect ratio

- publish the page, then use web inspector to locate the markup for the video in the HTML. You'll recognise it because of the class 'elementor-aspect-ratio-11'

elementor video aspect ratio


- select its child with the class 'elementor-fit-aspect-ratio'

elementor video aspect ratio


and experiment with different % values for 'padding-bottom' until you find the value which fits your custom aspect ratio. You'll need to increase the bottom padding if your video is portrait format and decrease it if it's landscape. In my case it was 125%. Copy the selector and this padding value from web inspector and return to Elementor

- go the video widget settings > advanced and paste into the custom CSS field, save and check.

Good luck!

elementor video aspect ratio 5




Pas de connexion Internet