background video scaling at height of section and not width of window - Forum | JoomShaper
Solved SP Page Builder

background video scaling at height of section and not width of window

Asked by Kim Siebert 2 years ago Last activity 2 years 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!

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff

Use this custom CSS in your custom.css file

.sppb-section-background-video video{
  object-fit:none !important;
}

4 more replies

Mehtaz Afsana Borsha Staff

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.

Kim Siebert Asked this

Hi, sure, see below:

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

Mehtaz Afsana Borsha Staff

Please give me a screenshot of it.

Kim Siebert Asked this
2 years ago · edited

Sure, here you go:

Kim Siebert Asked this

Thank you Mehtaz!

Mehtaz Afsana Borsha Staff

You are most welcome.

Log in to reply.