The menu appears over top of the thumbnail jquery

Q: Currently the menu appears over top of the gallery pictures.
This looks really bad. I did alter the z-index value of the java
object but nothing happened. Any thoughts?

A: Find the following code in engine/css/visuallightbox.css file:

#overlay{
        position:absolute;
        top:0;
        left:0;
        z-index:90;
        width:100%;
        height:auto;
        background-color:#ffffff;
}

#lightbox{
        position:absolute;
        top:20px;
        left:0;
        width:100%;
        z-index:100;
        text-align:center;
        color:#707070;
        line-height:0;
}



and change value for z-index, for example:

#overlay{
        position:absolute;
        top:0;
        left:0;
        z-index:900;
        width:100%;
        height:auto;
        background-color:#ffffff;
}

#lightbox{
        position:absolute;
        top:20px;
        left:0;
        width:100%;
        z-index:1000;
        text-align:center;
        color:#707070;
        line-height:0;
}

Related