Hi,
I have a series of posts that normally have 4-5 embedded Instagram posts in them each. The first four of these posts were fine, but for the fifth one the bottom two embedded Instagrams overlap with each other and the previews of other posts in a big jumble. This has also happened on the sixth blog post. I’ve gone back and checked the previous posts and I can’t find anything different about them. I’m also not using very many plugins and the ones I’m using are all very standard so I don’t think it’s a plugin clash.
I’d appreciate your help!
Thank you.
Hi,
Please provide a link to your site so we can inspect these posts.
Thanks
Hi,
The home URL is https://newsgrowl.com
The two posts that I’m having problems with so far are:
https://newsgrowl.com/macdella-cooper-liberia-star/
https://newsgrowl.com/mara-carfagna-italy-style-icon/
Examples of similar posts with no problems (that were created earlier) are:
https://newsgrowl.com/ruby-dhalla-canada-comeback-queen/
https://newsgrowl.com/martin-heinrich-suited-style/
Thank you!
Hello,
It seems the embed code itself is providing a position: absolute which breaks the layout. Please replace the embed codes for the images and check for the position absolute part and change it to position relative.
Thank you!
Hi,
I’ve checked the embed code for each and they already have position: relative in place. Here’s a sample:
<div style=”background: url(data:image/png; base64,ivborw0kggoaaaansuheugaaacwaaaascamaaaapwqozaaaabgdbtueaalgpc/xhbqaaaafzukdcak7ohokaaaamuexurczmzpf399fx1+bm5mzy9amaaadisurbvdjlvzxbesmgces5/p8/t9furvcrmu73jwlzosgsiizurcjo/ad+eqjjb4hv8bft+idpqocx1wjosbfhh2xssxeiyn3uli/6mnree07uiwjev8ueowds88ly97kqytlijkktuybbruayvh5wohixmpi5we58ek028czwyuqdlkpg1bkb4nnm+veanfhqn1k4+gpt6ugqcvu2h2ovuif/gwufyy8owepdyzsa3avcqpvovvzzz2vtnn2wu8qzvjddeto90gsy9mvlqtgysy231mxry6i2ggqjrty0l8fxcxfcbbhwrsyyaaaaaelftksuqmcc); display: block; height: 44px; margin: 0 auto -44px; position: relative; top: -22px; width: 44px;”></div>
Please help!
Yes, the embeds that were broken before no longer get the position absolute, but now the one below does: https://www.screencast.com/t/V4UUKp333e6t
Please check all of the embed codes.
As an alternative, add this css code in your theme panel- custom css box to make sure the position stays relatve:
.instagram-media{
position:relative!important;
}
Thanks.
