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!


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

.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!


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