Tagged: background, grid row, video
Hi again fellas,
I was trying to use the following solution i found on the forums to set a video background in the grid cell (#home-grid1), but nothing happened. The grid row didn’t change. Can you provide any direction on how to set a video background in a grid row cell?
#home-grid1 {
background-image: url(/wp-content/uploads/2020/12/Community-Care-2.mp4);
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
}
Hey Josh,
Thank you for the inquiry.
Where did you get the css code? You cannot set a video file as background using css. You have to embed the video tag in the template directly and use css to adjust its size and position. Examples of these can be found in the following link.
// https://css-tricks.com/full-page-background-video-styles/
Best regards,
Ismael