wcfm-santa

A deal you can't resist! Get upto 25% Off on this entire cyber week.

CLAIM OFFER
00Day 17Hr 19Min 31Sec
wcfm-santa

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

Viewing 2 reply threads
  • Author
    Posts
    • #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

    • #135297

      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.

    • #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!

Viewing 2 reply threads
  • You must be logged in to reply to this topic.