Instagram embed in post not fully showing (Height is cropped)

  • Resolved girlinspiring

    (@girlinspiring)


    3 years, 11 months ago

    I embedded two Instagram posts on my blog, but they don’t display corrected. They look fine in the code editor, but on the published page they’re cropped. How do I fix it to display the full images, and how can I adjust the image size?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi,

    Thanks for asking.

    You should be able to adjust the size of the iframe by adding this small CSS snippet.

    Head to WP admin -> Appearance -> Customize -> Additional CSS and paste this code and save changes.

    iframe {
    height: none !important;
}

    Let me know how it works out. ??

    Thread Starter girlinspiring

    (@girlinspiring)

    Thank you! I had it set to 100%. Funny how that limited it but it didn’t make a difference when I changed the width percentage.

    I’m having the same issue but that fix didnt work for me @davorlyrathemes – any other tips?

    My site

    Hi @lovealy,

    Sorry to hear about the trouble! It looks like you’re using a different theme, and it’s including some CSS that’s limiting these embeds. If you reach out to their support, they should be able to let you know the best way to handle this without creating conflicts in other areas of the theme.

    Best of luck! ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Instagram embed in post not fully showing (Height is cropped)’ is closed to new replies.