Parallax images no longer visible

  • Resolved hptccharge

    (@hptccharge)


    5 years, 7 months ago

    I have a strange situation with my parallax images that just started happening yesterday. I realized I needed to set the z-index parameter to -100 so that the portion of my dropdown menus that extend over the parallax image at the top of the page would be visible. On the page above, the only item I changed in the shortcode was the z-index, from 0 to -100, as below. After saving, there is just a blank screen where the image was previously. The image is still there, I can see it in the code using Chrome’s inspector, but nothing is visible on desktop or mobile.
    [dd-parallax img=”HRrotatedLighton-Parallax-image.jpeg” height=”370″ speed=”2″ z-index=”-100″ position=”center” offset=”false” mobile=”https://dev.medrock.com/wp-content/uploads/2019/04/MedRock-Mobile-Logo-Screen.png”%5D%5B/dd-parallax%5D

    The same thing happened on three other pages when I updated the shortcode parameters. Here’s one page that I haven’t updated, it’s fully visible.

    https://dev.medrock.com/therock/

    [dd-parallax img=”TheRock-Parallax-image-around.jpeg” height=”550″ speed=”2″ z-index=”3″ position=”center” offset=”false” mobile=”https://dev.medrock.com/wp-content/uploads/2019/04/MedRock-Mobile-Logo-Screen.png”%5D%5B/dd-parallax%5D

    I’ve tried but failed to find anything in common between the pages that failed after saving. Do you have any troubleshooting suggestions?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author thehowarde

    (@thehowarde)

    HI,

    This is not a plugin issue, but rather a CSS issue.

    You need the Z-Index to be at least 1. If it’s less than zero it would be behind

    This (from your theme)

    #tc-page-wrap {
    position: relative;
    background: inherit;
    z-index: 1;
    word-wrap: break-word;
}
    • This reply was modified 5 years, 7 months ago by thehowarde.
    Thread Starter hptccharge

    (@hptccharge)

    Darn it, that was in my face and I missed it. Set all the z-indexes to 2 and all images display. My bad. Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Parallax images no longer visible’ is closed to new replies.