Background Video Scaling At Height Of Section And Not Width Of Window - Question | JoomShaper

Background Video Scaling At Height Of Section And Not Width Of Window

KS

Kim Siebert

SP Page Builder 1 year ago

In a section with text and white background I want to have a background video (2500x300px) running with also a white background. Problem is: When the browser is too slim and the video is always scales with the width it happens that you have black boarders displayed on top and at the bottom. How can I perhaps use custom css (option seems not to be in menu) to define that the video is scaling at height of section and not width of window?

Thanks in advance!

0
7 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #150760

Use this custom CSS in your custom.css file

.sppb-section-background-video video{
  object-fit:none !important;
}
0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #148816

Hi

Thanks for contacting us and sorry for your issue. Could you please give me your site URL and also screenshot of your issue?

-Regards.

0
KS
Kim Siebert
Accepted Answer
1 year ago #148915

Hi, sure, see below:

Black border of the video seem grey because of an overlay color.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #148958

Please give me a screenshot of it.

0
KS
Kim Siebert
Accepted Answer
1 year ago #150702

Sure, here you go:

0
KS
Kim Siebert
Accepted Answer
1 year ago #150852

Thank you Mehtaz!

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #150866

You are most welcome.

0