SliderPro slides corrupted on Chrome and Safari but not Fireworks. Preview good

  • Unknown's avatar
    hdwightrobinson · Member ·

    Having recently migrated propheciesoflove.com to WordPress from Hostgator, with great support from WordPress, I discovered that though all slides look good in preview, two are corrupted in Chrome and Safari, but all are fine in Firefox. Notice 1) the slide with a burning cross (second from right end) and 2) the bride in white looking up at the descending Jesus.(seventh from right)

    The blog I need help with is: (visible only to logged in users)

  • melvend5 · Staff ·

    Hi @hdwightrobinson

    Thanks for sharing that. Since the issue only affects two slides and only shows up in Chrome and Safari, it’s most likely related to those specific slide images such as their format, compression, or how they’re loading.


    Here are the best things to try first:

    1. Replace the two images: Download them and re-save/export as a standard JPG or PNG, then re-upload and update the slide.
    2. Disable WebP/image optimization temporarily (Smush/ShortPixel/Optimole/etc.), then check Chrome/Safari again. If it fixes it, we can exclude those images or adjust the settings.
    3. Turn off lazy load in the slider plugin + any caching/performance plugin, since Safari can be picky with lazy loading inside sliders.
    4. Clear cache (site cache + browser cache) and test again.
    5. If it still happens, we can check Chrome/Safari DevTools for any image loading/decoding errors or blocked requests.

    If you can send a screenshot from Chrome/Safari (or the direct URLs to those two images), I can help narrow down exactly what’s happening.

  • Unknown's avatar
    hdwightrobinson · Member ·

    Thanks for the detailed response. As requested, I’m supplying screenshots. These happen to be from Brave, but Chrome shows the same. This first screen shot is missing the full image of the burning cross and the image is shorter than the other slides, which are all suppose to be a uniform, fixed height and width. Notice the thumbnail shows the full cross. The slide shows only part of the burning reflection.

    The below. as the thumbnail indicates, should have an image of a bride looking up at the descending Savior, yet no image appears.

  • dhananjaykuber · Staff ·

    Hi there,

    The issue with the slides not displaying correctly in Chrome and Safari is related to the Slider plugin you’re using. You can fix it by adding a small custom CSS snippet:

    .sp-image-container img { margin-top: 0px !important; }

    To apply this:

    1. Go to your site’s Customizer: https://propheciesoflove.com/wp-admin/customize.php
    2. Navigate to Themify Options → Custom CSS
    3. Paste the code above and Save Changes

    This should correct the display of the affected slides.

Log in or create an account to reply