Hello There,
I hope you all are good.
Recently while embedding my posts I found a glitch like this:
As you can see not the full image, description and share button, loaded. And also the picture is fading out.
Can you please help me to sort this out?
The URL I need help with is: https://learnmechanical.com/clutch/
Hi Saswata,
Thanks for reaching out.
The image itself is blurry, there is no problem with embed. Please check this https://learnmechanical.com/hydraulic-clutch/embed/#?secret=tjfPsHGxpI, that’s the source of your embedded iframe. That image is pulled from here https://ik.imagekit.io/zhiq3a76ob/wp-content/uploads/2020/04/HYDRAULIC-CLUTCH-feature-image-100x52.png. I’m not sure if this part of a plugin, but it’s not theme or cornerstone related.
The sharing options are missing due to the height of the iframe, it should be taller. Your layout uses Gutenberg builder, so the limitation might be part of it. But it should be fixable through customization which we can’t cover here in the forum.
Thanks!
Ah, thanks for explaining, I will contact the CDN provider for image related issue.
But when I switch the theme the expert and sharing buttons all are appearing.
But in case of pro, automatically it is cropped.
Is there any CSS to fix this? Or anything else?
Hey Saswata,
Our theme’s responsive embed style that’s for videos is applied to your iframe. When embedding custom iframes anywhere in your site, it’s best that you create a Global Block with a Map element inside it. Insert your iframe inside the Map element Embed type. Then, adjust the Height in the Frame options. Finally, insert the Global Block shortcode to your content.
If you don’t need a responsive embed, just use the Custom HTML block of Gutenberg so our responsive embed structure will not be applied to it.
Hope that helps.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
