Background Video but full width please
-
Hi there, I cannot seem to manage to have the main container in full width and the grid that lives in the container in contained width.
I am using your css code:
.background-video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.5; } .background-video-content { position: relative; z-index: 1; } video[poster] { object-fit: cover; width: 100%; height: 100%; }
see the screenshots attached to see what I mean:
Plus, how can I put the grid content visibly over the video without having to reducing the video opacity to very low?
Thanks!
The page I need help with: [log in to see the link]
-
You need to set a max-width for the child container, eg.1200px or click the earth icon to quick fill the field with a global value set at Generateblocks > settings.
To align the child container to center, you can set the parent container to
juststify-content:center, or setmargin-leftandmargin-righttoautofor the child container.You are using a Grid block inside the parent container currently, it is not needed, the structure shown in your screenshot is good.
The topic ‘Background Video but full width please’ is closed to new replies.
