Display size of video and image is different - Forum | JoomShaper
Solved SP Page Builder

Display size of video and image is different

Asked by Jürgen J. Fischer 1 year ago Last activity 1 year ago

Hi, I have a page with 4 columns
every column has on top a video or an image
then text and button
On Desktop all 4 columns from left to right should have same size/position

Video size = 900x600 Pixel
Image size = 900x600 Pixel

video will be displayed smaller than image

I think this css is wrong:

.sppb-addon-video-local-source {
object-fit: contain;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

If I disable positon: absolute, the size will be displayed correct, but not the position

Can you please help me?

Accepted answer

Marked as the solution
Jürgen J. Fischer Asked this
1 year ago

This works fine. Thank You Pavel.

6 more replies

Oldest first Newest first Most helpful
Pavel
1 year ago

Hi

The object-fit property may not work correctly in Chrome and Safari without using position: absolute;. Therefore, you should not disable this.

I believe your issue can be resolved through CSS. I could help you if you provide a public link to the page containing the problem.

I doubt that Joomshaper's support team will assist you, as CSS customization falls outside the scope of their support. However, you can try waiting for their response.

Jürgen J. Fischer Asked this
1 year ago

Hi Pavel

You can see it here:
by-immo.de / portfolio / schmack immobilien gruppe

Password see hidden content please

Pavel
1 year ago

I assumed it was clear from my post that I am not a support team member. I cannot see hidden content and can only assist you if you make the site public and provide a publicly accessible link.

Jürgen J. Fischer Asked this
1 year ago

Hi Pavel, sorry, my mistake

Now the site is online without Password.

You can see it here: by-immo.de / portfolio / schmack immobilien gruppe

Pavel
1 year ago

Add class to video addon

Use CSS

.your-class .sppb-addon-video-local-video-wrap {
    aspect-ratio: 9/6;
}

Result

Ofi Khan Staff
1 year ago

Hello Jürgen J. Fischer ,

Thank you for reaching out to our technical support forum. I’m sorry to hear about the trouble you’re experiencing. Hopefully, your issue is solved by now. Thanks to Pavel.

Best regards

Log in to reply.