This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Hello,I got a question when use svg in my site

9 years ago · Last reply by Alex S 9 years ago

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.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Alex S Staff 9 years, 6 months ago

    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.

  2. 派斯克國際有限公司 9 years, 6 months ago

    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?

  3. Alex S Staff 9 years, 6 months ago

    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”.

  4. 派斯克國際有限公司 9 years, 6 months ago

    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”?

  5. Alex S Staff 9 years, 6 months ago

    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.

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.

Have a different question or issue?

Start New Thread