Fix issue with Slimbox appearing behind page elements

Sometimes the slimbox plugin works, but it displays behind other page elements, like navigation bars.

Some navigation bars use a z-index to ensure that they are above other elements.

To fix this issue, you need to modify your slimbox.css styles.


Original Code (code to replace):

 #lbOverlay {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #000;
    cursor: pointer;    
}

#lbCenter, #lbBottomContainer {
    position: absolute;
    left: 50%;
    overflow: hidden;
    background-color: #fff;    
}

Code with Fix:

 #lbOverlay {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #000;
    cursor: pointer;
    z-index: 101;
}


#lbCenter, #lbBottomContainer {
    position: absolute;
    left: 50%;
    overflow: hidden;
    background-color: #fff;
    z-index: 102;
}