Start your cross-border journey
Contact us now

Website development customer service

Customer Service

Designer (making Figma prototypes)

Elementor video background centered and reduced 100% display

First add css classes to the video container: video-banner , then add code to the css

.video-banner .elementor-background-video-container {
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: absolute !important;
top: 0; left: 0; width: 100%; height: 100%;
z-index: 1;
pointer-events: none !important;
}
.video-banner .elementor-background-video-container video {
width: 70vw !important;
height: 70vh !important;
object-fit: contain !important;
display: block !important;
margin: 0 !important;
background: #000 !important;
pointer-events: none !important;
border: none !important;
outline: none !important;
position: relative !important;
left: 0 !important;
top: 0 !important;
/* You can fine-tune this value! */
transform: translateX(0vw);
}