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].
How can I center video with vantage? I have searched the web and tried various things but nothing is working, I know I must be doing something incorrectly.
I added this to my Custom CSS
.post_content iframe {
display: block;
margin: 0 auto;
}
This answer was given to me from another site as a solution but nothin happens
Hi Oliver
Thanks for reaching out. As far as I know, Vantage isn’t using a div class with the name post_class so that unfortunately wouldn’t work.
Vantage uses FitVids.js. This ensures your videos automatically resize dynamically to the device they are being viewed on. If you remove the blank Text widget at Appearance > Widgets > Sidebar you’ll see your video will push to 100% and change as you re-size the page.
If you don’t want this video to display at full width you can de-activate FitVids for just this video, here is how:
Thread: How can I stop my video displaying at full width?
Let me know how you come along. We can tackle alignment from there.
The width of the video is good. I don’t have any problems with it and the fitvid feature makes it even better. So how would I go about centering my video?
[/]
That is the code that I am using to display the video on my static Home page
The video is currently taking up 100% of the primary container. There is a sidebar there because there is a single text widget in the sidebar widget area. Once you remove that we’ll get to make use of the full container and can center from there.
Wow!! It was because of the widget! I didn’t even know.
The current code I have in there is
Its only set to 500 * 281 but it takes up the whole page. Is that suppose to happen?
It is, yes, that’s a consequence of using FitVids.js. If you’d like to stop FitVids from loading around this video, please see:
Thread: How can I stop my video displaying at full width?
Once that’s done we can then align everything as required.
Thanks :)
Okay I did it. What next?
I got it to center with now that the widget isn’t there it works now
Awesome, thanks for posting. Really glad to hear you made progress :)