Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Private SnippetGood evening and thanks for the opportunity in helping me out with this small little issue if possible . I have a premium vantage theme, I have activated Video Backgrounds for SiteOrigin Page Builder and the intergration was smooth, I uploaded the video and display correct on my site, However, There seem to be an issue, the high of the video its only 20px high, so I could not see the video at all, the video extendo fully, but the high of the video is extremely small . Feel free to visit my site , it’s the first row right under the header, thanks .
Hi Miko,
I’ve taken a look at the video on your website and can’t see the issue you’ve described (see the image below for reference). Could you mind letting us know if you still need help? If so, we’ll jump right in. If not, is there anything else I can help you with today?
By the way; as you’re a Vantage Premium user you’re entitled to priority email support. If you would like to make use of that please follow the instructions found on this page. Please reference this thread.
Good afternoon Alex S
Yes I was able to fix it but not sure if it was the way .
I had to use a large transparent blank image just to make the row much higher , :(
thanks for your help and much appreciate the link, thanks once again . )
Just have one more question if possible
is there a way to remove that empty space on top of the background video, right under the menu , I have included a screenshot with the arrow pointing at the spot Ill like to fix.
sorry , forgot to post image, the screenshot its below with the white empty space ill like remove, thanks .
Hi Miko,
You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
.site-main { padding-top: 0 !important; }You might also need to install the SiteOrigin CSS Editor.
Hi Miko,
Regarding the use of the transparent image to extend the height. I would instead recommend setting the height with CSS for that row. To do this open up the row and head over to the row styles sidebar. Click attributes and type in the following CSS:
Adjust the pixel amount to the desired height.
Good evening Alex
thanks for the style information to take care of the padding , Work fine..However, I did as you stated for the row , but unfortunately was not able to get it to work . I have attach a image so you could see where I enter the information
Hi Miko Ulloa
That’s odd. Let’s add it to the video wrapper then. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
#pg-home-0 .jquery-background-video-wrapper { height: 250px !important; }You might also need to install the SiteOrigin CSS Editor.
Good evening Alex S
Just wanted to drop by and say thanks, this here fix the heights issue with the video inside the row :)
Hi Miko,
Happy to hear that. :)
Is there anything else I can help you with today?
Hi Alex
No, that will be all, problem solved, thanks once again .. :)