Image not showing properly

  • Resolved jayjazz2014

    (@jayjazz2014)


    5 years, 5 months ago

    Hi There
    The pop up is showing as it should but the image in the pop up is not showing properly as shown in the preview. In the preview the image is shown and you can see the whole image but when live the image is either too high or too low and you can’t see the while image. I played with all the settings that I could think of but it is not working properly.
    Thanks

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

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

  • Hello @jayjazz2014

    Hope you’re doing well!

    Please share a screenshot of the opt-in’s preview so we could have a closer look. Also please export opt-in settings from opt0in’s gear icon > Export Module settings. Please see this screenshot:
    https://monosnap.com/file/1Vf6XOqgE6GtzkYK7lBBU8IosdtpDK

    Upload the export file to DropBox or Google Drive and share a download link with us.

    Looking forward to your reply!

    Kind regards,
    Nastia

    Thread Starter jayjazz2014

    (@jayjazz2014)

    Here is a link to the two screen shots and export file as requested
    Thanks

    https://1drv.ms/f/s!AiFKR5Xxs8Tyi1Vwvuj9y7UX-9z1

    Plugin Support Predrag – WPMU DEV Support

    (@wpmudev-support1)

    Hi @jayjazz2014,

    It looks like the issue is with your theme or page builder, something of those two is applying a top margin to all IMG elements on your site.
    Since their CSS is not loaded in WP admin you don’t see the issue there and it’s only visible on frontend.

    I’m not sure why a theme or plugin would do this as this is affecting all images, regarding if it’s loaded by that theme/plugin or something else.

    Anyway, we can apply some CSS that will be specific to Slide-in and fix this without affecting the rest of the images on your site.
    In order to do this, go edit your Slide-In, switch to the Design tab and scroll down to “Custom CSS” option.

    Enable that option and add this CSS code:

    .hustle-modal-image.hustle-modal-image_cover img {
    margin: 0;
}

    Save the settings and that should be it ??

    Cheers,
    Predrag

    Thread Starter jayjazz2014

    (@jayjazz2014)

    Thanks
    But that did not work. I changed the photo too to see what happens and it still didn’t show properly.

    Thread Starter jayjazz2014

    (@jayjazz2014)

    I changed it from a featured image to add media in the body and changed it to a pop up and it’s working great. I will try the slide in again and if I have an issue I will update.
    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Image not showing properly’ is closed to new replies.