Home>Support>SiteOrigin Video widget – Vantage pagebuilder

SiteOrigin Video widget – Vantage pagebuilder


Thanks in advance for your help.

I am using the Vantage theme, and basically inserted pagebuilder. Within that I have created a row with circa 4 cells.
Within each cell I wish to insert a video – unloaded mainly .mp4 format – and using your video widget as the player.
At present I am trying to understand if it is possible to actually fix the video height/width?
I have changed the row height but as you mention in other posts that is desirable as the video remains larger than the row so overlaps.

Again many thanks for your excellent theme.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 months, 22 days ago Andrew Misplon Hi, I Work Here

    Hi Simo

    Thanks for your kind feedback.

    Please, could you send a link showing the overlap issue? If the issue isn’t visible on a live page, perhaps you could create a test page showing the problem.

    Thanks again.

  2. 7 months, 21 days ago Simo

    Hi Andrew,
    First many thanks for the quick response.
    If you go to simos.co.uk and scroll down you will come across a video section.

    The first row of videos is what I am attempting to do but with smaller video height-widths to make it look nicer and have some text under each video image.

    Under that you will see I have created a row, inserted a pagebuilder widget, inserted another row with an CSS attribute of height: 20px, – just to test. Into the row I have inserted the siteorigin video widget.

    You will see how the size of the video overrides the row height – in fact with this quick test setup it is actually overriding the background image of another row.

    I hope this all makes sense. Any questions or advice is always welcome. many thanks for your support.


  3. 7 months, 21 days ago Andrew Misplon Hi, I Work Here

    Hi Simos

    You can try editing the video widget, opening Attributes on the right and setting a max-width declaration in the CSS Styles field https://imgur.com/a/QjszfyT

  4. 7 months, 21 days ago Andrew Misplon Hi, I Work Here

    An alternative option would be to instead insert a SiteOrigin Editor widget and inset the videos using the Add Media button. Once inserted, switch to the Text tab where you’ll find a width and height value in the shortcode.

  5. 7 months, 17 days ago Simo

    Hi Andrew,
    many thanks for your reply and sorry for my delayed response.
    Re: your first option I have used both the width and height css which reduces the cell but the video overlaps so I had to increase the size of the cell. I have left this on the site for you to view – 1st row 1st cell. (note I have removed my original example and just have 1 row of videos now) Note also this is using the text editor and embed a video
    Re: your second option I have used on the 1st cell 2nd row. I am know testing both to see if I can get the full effect – something neater.
    Note this is your editor and insert video from library.

    Quick question and 2nd image is there a way of removing the bottom menu as the video already has the circle play icon? therefore be similar to the embodied video.

    As ever many thanks for you superb help.


  6. 7 months, 17 days ago Andrew Misplon Hi, I Work Here

    Hi Simos

    You can try hiding the controls of the default WordPress media player by adding to Custom CSS or Additional CSS:

    .mejs-container .mejs-controls {
    	display: none !important;
  7. 7 months, 16 days ago Simo

    Perfect :)

    many thanks as ever for your support.

  8. 7 months, 16 days ago Andrew Misplon Hi, I Work Here

    Glad that helped :) Cheers.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More