No image on the embedded articles from my blog

Hi jpleac. I just checked the like you posted and that post shows and image of 4 walking green/yellow/black/red lightbulbs below the post title.

thank you but there should be 3 images inside the post, right where the three embedded articles are cited.
For example below : “Autodiagnostic innovation pour connaitre la maturité de son entreprise”.
The thing is, these images appear sometimes but disappear if you refresh the page … I can’t figure it out why ..

I see this message in Developer Tools; don’t know if that’s related or not:

Can’t Load URL: The domain of this URL isn’t included in the app’s domains. To be able to load this URL, add all domains and subdomains of your app to the App Domains field in your app settings.

maybe … I must admit I don’t know what to do …
It may be a CSS issue because the image seems to be there in the page source code …
Thank you btw

The embedded iframes have this inline style:

element.style {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
}

The image is only a 1px square. Remove the “clip” style and the image is displayed.

hi @bdbrown

this is indeed the problem. The image appears again if I change this property. But I don’t how I can’t modify this value in the Hueman theme.

Would you be kind enough as to guide me through the process of modifing this property ?

Thanx

Give this a try in your child theme CSS:

iframe.wp-embedded-content {
    clip: auto;
}

thank you @bdbrown.

I tried this but, unfortunately, this doesn’t seem to work. I think this property (clip: rect(1px, 1px, 1px, 1px);) is directly added by the embedding process and shortcuts my modified child-theme CSS.

Thanx again

Is the problem in the wp-includes/embed.php file, where the “clip: rect(1px, 1px, 1px, 1px);” is indicated ?

Shall I do the modifications there ? …

Shall I do the modifications there ? ..

Not recommended; that’s a core WP file. Next thing I’d try is using the !important rule. You may need this since the iframe inline style currently has the highest priority:

iframe.wp-embedded-content {
    clip: auto !important;
}

@bdbrown
It works now ! I didn’t know you could have this kind of “!important” clause.
Thank you again for your kindness and reactivity.

Hello I’m sorry but, as strange as it may seem, another problem is here again !

When I try this in my stylesheet :

iframe.wp-embedded-content {
    clip: auto !important;
}

I get the embedded article with the image but it overlaps the text behind, which is no longer visible.

I didn’t change anything and can’t understand why the appearance of the embedded articles changed again …