Change height of introduction video?

[Michael]

Is it possible to change the height of the introduction video for a course page?

Specifically I would like it to have the same height as the blue area where the course ‘Featured Image’ is shown along with the ‘Course Excerpt’. See below image for further info of what I mean.

Thank you in advance.

Best regards,
Michael

[Anve S.]

Hi @min83,

The blue area that shows featured image and the excerpt is of varying height that depends on how much content you add in that part .
Or you can give me the url of the course page you want to fix the height of the introduction video for , will give corresponding css for fixing the introduction video height for that specific one.

Regards,
Anve

[Michael]

Hi @anve,

Thanks, I didn’t realise that. What would happen if I change the dimensions of the video itself before I upload to YouTube or Vimeo? Is it still displayed in the same format when the video is loaded on the page?

I basically just want the video height / width to be approximately the same dimensions as the blue area with ‘Course Excerpt’ etc.

Any recommendations?

Best regards,
Michael

[Anve S.]

Hi @min83,

It won’t make any differnce changing the introduction video dimensions before it was uploaded on youtube , as it has some standards of video dimensions itself . Instead you can apply the following css .Add this css in child theme’s custom css option , add your required padding top value inorder to get your desired height.

#course-video .course-video .fluid-width-video-wrapper {
 
   padding-top: 39.25%!important;

}

But inorder to match its height you need to be aware of the content you add in the blue part on course page . May be that you can limit the excerpt you add over there.

[Michael]

Thanks @anve it worked! 🙂