www.wysiwygwebbuilder.com

Posted: **Thu Mar 20, 2025 11:02 pm**

Hi ... anyone got advice if this is possible?

I have a layout grid set to STYLE > BACKGROUND > MODE: video

I have an image that has a transparent section so that the video can been seen behind the image and in the "open" section of the image, but because of the full screen mode of the video I only see the upper right hand part of the video...

It seems the video plays full screen (1920 x 1080) so I am not getting the same results as this demo WP site ... www.transformations.ca

Would like to duplicate the look and feel so I am looking to see if there is a way to reduce the "play" area so that the video only shows within the dimension of the layer grid

My example using WWB 20 www.cswebsites.com/videotest/test.html

When comparing the 2 sites you will see my video view is more "zoomed" in.

Thoughts?

Posted: **Fri Mar 21, 2025 12:45 am**

The simple answer is they are not applying the video to the entire background. They are only applying it to about half of the screen width. So in your case it would be only the 2nd column of a 6x6 layout grid. However, this wont work as you wont be able to place your image over the video.

You can get close by adding some CSS to manipulate the positioning of the video in the background. I would need to see your setup to provide the css code.

Posted: **Fri Mar 21, 2025 3:19 pm**

Hi crispy68 .. REALLY APPRECIATE YOUR INPUT!

Here is zip file you can look at ... contains simple layout of only grid, video and cover image

https://www.cswebsites.com/videotest.zip

Let me know your thoughts!

Posted: **Sun Mar 23, 2025 1:24 pm**

Keep in mind that the height of your video section in the demo you sent is shorter than that of the actual site which may affect what you see in the cutout section. With the demo you sent me, add the following CSS between the <head> tags:

Code: Select all

<style>
#LayoutGrid1-video{left:37%;width:63%;}
</style>

Change 'LayoutGrid1' above in the code to match the ID of the layout grid you are using.

Posted: **Sun Mar 23, 2025 11:42 pm**

EXCELLENT!!! Thank you crispy68 ... works perfect ... really appreciate all you do!!

www.wysiwygwebbuilder.com

Video background

Video background

Re: Video background

Re: Video background

Re: Video background

Re: Video background