Embedded Instagram post height limited

  • Resolved vanvanjaksic

    (@vanvanjaksic)


    7 years, 3 months ago

    Embedded Instagram posts are cut after a certain height, and therefore just the top of the post is shown.

    (Link is attached)

    I’ve tried to find a solution online, but apparently, no one has the same problem, so it might be something inside Elara code.

    Does anyone have an idea how can I fix this?

    Kind regards,
    vanvanjaksic

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • jarektheme

    (@jarektheme)

    7 years, 3 months ago

    Hi there,

    Thank you for getting in touch with us.

    Please go to Appearance → Customize → Additional CSS and add the following css:

    .wp-block-embed-instagram > .wp-block-embed__wrapper > .iframe-video:before {
    padding-bottom: 100% !important;
}

    Hope that helps.

    Kind regards

    Thread Starter vanvanjaksic

    (@vanvanjaksic)

    7 years, 3 months ago

    Hey @jarektheme , I really appreciate your help.

    Your code helped, but not entirely. Images are still cut, when code is
    padding-bottom: 100%
    So I’ve put:
    padding-bottom: 150%
    which solves problem for all images.
    Great by-product of this line of code is that Instagram’s caption section with dozens of messy tags and messy comments are now not seen on my website, which is great! It makes it much clearer and less messy.
    Caption and comments section is still seen on squared images, but those are much more rare than tall images.

    So, thanks again very much!

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

The topic ‘Embedded Instagram post height limited’ is closed to new replies.