Docs

[elvisripley]

I went through a couple previous suggestions in posts but wasn’t able to get any change to my site. Could you tell me some custom code to add a wider setting? Can you add another setting like 12:5? Do you need to remap it to one of the other ones like 3:2?

Here is an example post link.
https://www.elvisripley.com/work/stanton-welchs-play-and-9-sinatra-songs/

[Rad]

Hi there,

Thanks for posting in.

Adding new aspect ratio isn’t possible, but could be achieved through custom CSS. Example, please add this CSS to Admin > Appearance > Customizer > Custom > CSS

.x-video.aspect_2_4_1 .x-video-inner {
    padding-bottom: 42.25%;
}

Then add aspect_2_4_1 to your video element’s class input.

You can create as many as you need and change the value of bottom padding. The percent determines the size while maintaining its responsiveness (unlike pixel sizes).

Thanks!

[elvisripley]

Thanks! Is there any way to get that into a video post?

[elvisripley]

L’dor V’dor

The second post “Rogue Journey” is that wider aspect ratio but I am not sure where to put the class.

[Rue Nel]

Hello There,

There is no way you can add the class since that page is the blog index and the video is generated with the template. We need to add a nifty js to insert the class you need. Please add the following JS code in the customizer, Appearance > Customize > Custom > Javascript

(function($){
  $('.x-video.embed').addClass('aspect_2_4_1');
})(jQuery);

And then you should be able to use the custom css given by @Rad if there is a need to change value of bottom padding.

Hope this helps.

[Author]

Posts