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.
Thread Starter
jpleac
(@jpleac)
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.
Thread Starter
jpleac
(@jpleac)
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.
Thread Starter
jpleac
(@jpleac)
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;
}
Thread Starter
jpleac
(@jpleac)
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
Thread Starter
jpleac
(@jpleac)
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;
}
Thread Starter
jpleac
(@jpleac)
@bdbrown
It works now ! I didn’t know you could have this kind of “!important” clause.
Thank you again for your kindness and reactivity.
Thread Starter
jpleac
(@jpleac)
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 …
