Hi everytime I embed a youtube video, I get a massive amount of space between the video & the actual article. It seems to do with the padding of .fluid-width-video-wrapper but editing the custom css to set the padding from 360% to just 0% doesn’t seem to solve the problem. Any help would be appreciated. Thanks!
Hi,
Please provide a link to your website so we can inspect this problem. I have tested a YouTube video but everything is working properly and displaying correctly.
Thanks
Hi thanks for your response, an example of the issue i’m having with the YouTube videos:
https://thenewright.news/2017/05/cernovich-roger-stone-documentary-crying-sam-harris-live/
Hi,
That padding and the class set on the div containing the embed code is not coming from the theme – https://www.screencast.com/t/yAiw2YkP
Maybe it is added by a plugin that you might be using to embed the video, or even in the embed code of the video. If you want to embed a video in a post, simply paste the link in the post content, and it should display properly
– https://www.screencast.com/t/0ZPVONNv6dH
Thanks
Hi,
Thanks for your response I’ve tracked it down to the same place, but it seems it happens if I don’t use the YouTube Pro Plugin to embed channels, & just paste a youtube link in a post it does the same thing. I’ll contact the plugin developer for more help.
Thank you
Any more information on this error? Worked fine before I switched to your theme and I know you say its a plugin error and not the theme but I’m simply pasting in youtube links to post. I can’t figure out how to get rid of 360% Important! in custom css to overide it. Works if I edit it Chrome inspector though, dropping it down to 75%
Hi,
You need to identify where this is coming from. There is no such condition for the video in the theme – https://www.screencast.com/t/N2ja0H3f
The video link seems to be wrapped in that div and a style is applied on the video, like the huge padding. You could try a code like this
– https://www.screencast.com/t/PjHHKrQMjLSs
.fluid-width-video-wrapper {
margin-bottom: -300%;
}
But it would be best to get rid of the problem from the source. Please try and disable all your plugins, except Visual composer, clear any caching you might have installed and purge cdn files. Also check any custom code you might have entered in the theme panel, or directly to the theme files. Then try to simply paste a link in the post content and see if the problem is solved.
Thanks
Well I’ve been trying for days to figure out if its a plugin or cache issue but your .fluid-width-video-wrapper { did the trick for now. Thanks, love the theme!
margin-bottom: -300%;
}
