• Resolved MiloszZak

    (@miloszzak)


    Just so you know – the latest version of the plugin causes the featured image to be stretched. It’s because it’s overriding the featured image’s height, and “position: absolute”. When I disable/uncheck those in CSS, the stretched dimensions of the featured image go away. I am going to revert to the older version for now.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi @miloszzak

    Sorry for the inconvenience. we are on holidays.
    we will fix this ASAP and let you know then you can update your plugin.

    Thanks
    A

    Hi @miloszzak

    We have tested our plugin with hueman theme nothing is found like this. Please once again activate easy Instagram feed plugin latest version and share your page url where you facing css conflict issue so we can find that and fixed that issue.

    Thanks
    A

    Thread Starter MiloszZak

    (@miloszzak)

    Hello, the plugin has been reactivated.

    When you go to any post, such as the one below, the featured image displays the issues I was writing to you about.

    If you disable “position: absolute”, in CSS, the image formats properly.

    https://www.egyptiansidekick.com/crossing-nile-ferry/

    Looking forward to a solution, thank you.

    Hi

    Yes this is a small conflict with your theme please follow given instruction

    Go to in your plugin directory >> lib >>eif_style.css

    Find new css in link Replace all in eif_style.css

    Let me know did it work for you.

    Thanks
    A

    Thread Starter MiloszZak

    (@miloszzak)

    I tried it, and although your solution causes the featured image to rescale correctly, it leaves a huge space at the bottom, because of img “padding-bottom: 100%”.

    The solution, I’ve determined, is to make padding-bottom: 100% in the sidebar only, but take it out of the general “img” CSS, like the following:

    .image-container {
    overflow:hidden;
    }

    div.sidebar.s1 .image-container {
    padding-bottom: 100%;
    }

    #eif_images .image-container img {
    position:absolute;
    width:auto;
    min-width:100%;
    min-height:100%;
    }

    HI @miloszzak

    Let me clear did your issue resolved. Or you have needed more assistance

    Thanks
    A

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Conflict with featured image position absolute’ is closed to new replies.