Vendor Store Page Video Banner Dimensions

[zoe]

Hi

I’d like to use the Vendor Store video for a biography video, so instead of having it as a banner across the top, I want to make it smaller and change the dimensions and the video will be a video of the person introducing themselves.

How can I change the dimensions of the video?

Kind regards
Zoe

[Sarmistha Chakraborty]

Hello,

You can change the video-banner dimensions using css code,

#wcfmmp-store .banner_video{
 width:70% !imporatnt; /* by default banner width is 100%
}

Thanks.

[zoe]

Thanks very much. I got it working now. The video was chopping off the top -75px and the height was being forced at whatever size it was set to in the store configuration settings page, which in my case was 450px, it would be useful if these boxes could accept a % size as well as a pixel size.

So I have managed to override the embedded CSS code by applying custom CSS in the advanced tab in Elementor on the Store Banner box as follows:-

.banner_video iframe {
position: absolute;
top: 0px !Important;
left: 0;
width: 100%;
height: 100%;
}
.banner_area {
position: relative;
height: 100% !Important;
overflow: hidden;
}

I probably don’t need all of this css, but it’s working for now and I’m happy with that!

[Author]

Posts