Hi,
I used to integrate IG images in posts using a shortcode like that:
[instagram url=https://www.instagram.com/p/BfX-4gOgYgt/]
But it doesn’t work since the update, now I can read the code instead of seeing the image.
Is there something I’m missing?
Thanks for your help
Hello meri,
Notice that you simply add the Instagram URL like this -> https://www.screencast.com/t/ZWqIaocqU It’s not required to use another shortcode for URL.
Thanks for the message!
Catalin, hi!
Adding URL instead of shortcode works fine but how can I change the width on Instagram picture? Full column width doesn’t fit well.
Hi AndreyBalashov,
Please provide your website URL and some useful screenshots with your problem so I will be able to provide a more accurate response.
Thank you!
Catalin, thanks for your reply.
Take a look at my post: http://swimbikerunrepeat.ru/itogi-vyhodnyh-13-14-aprelja-2019/
As you can see, I used pictures from both Instagram and Twitter by simply inserting the URLs. The issue is that by default it sets Instagram picture’s width equal to the post width. It is too big for me.
I want something like this: https://www.tri247.com/triathlon-news/elite/weekend-roundup-13-14-april-2019-overseas
Insta’s width is smaller and aligned to the center.
It is interesting that Twitter picture looks smaller by default but I can’t align it to the center. How can I do this?
Thanks
Hi,
You can try to use the code below and place it in the THeme panel -> Custom CSS area.
.wp-block-embed__wrapper{
width:50%!important;
}
.wp-block-embed-instagram{
text-align: -webkit-center;
}
The result is here -> https://www.screencast.com/t/meow4oBp8zN
Thank you!
Catalin, thanks for the tip!
But the issue that it changes all embeds, including YouTube video
Hi,
If you want to be more speccifc you need to add a specific class for that container, like this -> https://www.screencast.com/t/RnFdUYwhik4 Use the inspector browser tool to find what’s this class.
Thank you!
