Vendor Store Page Video Banner Dimensions

We're shifting our Forum based support to a more dedicated support system!

We'll be closing our Forum support from 10th June, 2020 and move to Email Support assistance.

  • If you are a WCFM premium add-ons user, contact us- here
  • Want to know more before buying our add-ons? Send Pre sale queries- here
  • If you are a WCFM free user, please open a support ticket at WordPress.org
  • For WCFM App related queries, reach us- here
From now the forum will be read-only!

Multi Vendor Marketplace Plugin | WCFM Marketplace › Forums › WC Marketplace › Vendor Store Page Video Banner Dimensions

Tagged: 

Viewing 2 reply threads
  • Author
    Posts
    • May 26, 2020 at 3:15 am #135215
      zoe
      Participant

      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

    • May 26, 2020 at 12:16 pm #135297
      Sarmistha Chakraborty
      Member

      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.

    • May 27, 2020 at 8:12 pm #135890
      zoe
      Participant

      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
Viewing 2 reply threads
  • You must be logged in to reply to this topic.