Z-index issues

Suddenly, the z-index of my lightbox gallery vs. testimonials rotator is out of whack. I’ve tried everything! Basically, there are control buttons for the testimonials rotator. When I pull up a gallery of my portfolio, those testimonial buttons show on top on the gallery. The lightbox gallery should have no other elements showing through when it is expanded. I’ll attach a couple of pics, as well as the address to the site. Any help is greatly appreciated!

www.stoprewinddesign.com/web

Testimonial rotator controls.

Testimonial rotator controls showing through onto the expanded lightbox.

I’m curious to know what would happen if you commented out this amazingly large z-index?

line 66 of
http://stoprewinddesign.com/wp-content/plugins/testimonial-rotator/testimonial-rotator-style.css?ver=4.3.1

.testimonial_rotator_prev, .testimonial_rotator_next {
    color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 45%;
    transition: all 0.25s ease 0s;
/*    z-index: 8888;  */
}

Hey @ronpat… you found it before I did!

I was going a bit crazy with the inspector trying to find out where that little z-index property was hidden :smiley:

@colin27 I only tested in FF and this very first pic was the only one where I could see this happening. Do what @ronpat suggests and see what happens

Woo-hoo! That did it :smiley: Thanks @ronpat!! Couldnt find that pesky property anywhere. Thanks @molona for taking a look as well. {hive-fives} I certainly appreciate it!

2 Likes

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.