Professional WordPress Plugins and Services. wpDiscuz, WooDiscuz, Advanced Post Pagination
I keep having this problem here, with the youtube embed spacing:
https://theodosie.ro/2021/08/06/ce-pierdem-in-urma-validarii-pasaportul-sanitar-francez/
There is a lot of space betwee the text and the embeded youtube/facebook window.
On the other hand, the wordpress preview is only partial, not showing the title of the post at the bottom, just (part of) the picture.
Do you know why is that?
This problem comes from another plugin or from the current active theme. On of them has a JS lib called FitVids.js. This JS adds a wrapper div with padding-top: 56.25%; to all embedded iframes. wpDiscuz doesn't have any control over this JS function. You should do either, find and disable this function or insert this CSS code to block it:
#wpdcom .wpd-comment-text .fluid-width-video-wrapper{
padding-top: 0 !important;
}
The CSS code can be inserted in Dashboard > wpDiscuz > Settings > Styles and Colors > Custom CSS Code textarea. Save it, delete all caches, go to the article front-end and press Ctrl+F5 to reset the browser cache.
Thank you so much, Tom!
It works for the youtube embed padding.
But, it doesn t fix the website link preview which is still cut right above the bottom:
Would you have a fix for that by any chance?
Have you tried to find the problem maker plugin? Do you have any plugin related to embedded videos? What is your theme name? You should focus on finding the problem maker. The css code is not a 100% solution. I cannot provide you css code for all kind of embeds.
But, it doesn t fix the website link preview which is still cut right above the bottom:
I don't see any issue. Screenshot please.
BTW, toy've not deleted all caches, it's only work for logged-in users, because the page is cached for guest. Please make sure all caches are properly deleted.
thank you Tom.
I only have basic blogging skills and do not know how to find the guilty plugin. Have any suggestions? Sorry. 🙂
I put a screenshot below. I hope it is clearer now. But you can try it on the site, just add any link to a webpage and the bottom of the preview will not be shown. It will look as if it was cut off just above the title.
Again, thank you!
Add this as well. Don't forget to delete all caches:
#wpdcom .wpdiscuz-embed-wrapper iframe.wp-embedded-content {
min-height: 480px!important;
}