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].
Hello,I got a question when use svg in my site.
here is the link:
the page
I embed a svg in the page by using page builder,but it causes a huge space at the top and the bottom.
Is there a way to make the gaps gone?
thank you.
Hi 派斯克國際有限公司,
Very sorry for the late reply. We work through a prioritized forum queue, and unfortunately, it’s taken us some time to get to your thread. I’ve taken a look at your website and I can’t seem to see the described issue. Did you manage to resolve this issue? If not, we’ll jump right in.
It seems no gap now because I changed the ‘s height to”110.2″ manually,and it applied padding-top: 36.6667% at class:fluid-width-video-wrapper to make the top & bottom gap gone.
I found that when you use tag,wordpress it self or page builder will set width=”300″ height=”150″ automatically,and apply the padding-top:50% in the source code.
Can you find what the issue is in the code?
Hi 派斯克國際有限公司,
Could you please set up a replicated page without the changes made? That will allow me to work out why this is happening.
Hm. Actually, try disabling FitVids.js. You can do this by navigating to WP AdminAppearanceCustomize and then Theme SettingsLayout. Then untick “Enable FitVids.js”.
I have tried your opinion,it works fine now.
Thanks for your help.
By the way,what function will be lost when I uncheck “Enable FitVids.js”?
Hi 派斯克國際有限公司,
FitVids.js is a third party script that will allow third-party videos (being things like YouTube and Vimeo) to be responsive. It’s a useful plugin but can sometimes cause issues like this one as it’s unable to know the use of an object. For more information check out this article from one of the creators.