Log in

View Full Version : lightbox shows under nav bar



mlegg
05-20-2014, 02:44 PM
Hi again. I just made 2 lightbox image galleries (http://hamptonsunrise.com/upper.html). There is 1 gallery on the Units > upper 4 bedroom and also on lower 2 bedroom.

The thumbnails show properly but when you click on a thumbnail the larger image shows with the nav menu over it. How can I fix this so that the larger image shows correctly?

the main css for the site (http://hamptonsunrise.com/styles.css)

css for the css3 menu nav bar (http://hamptonsunrise.com/index_files/css3menu1/style.css)

css for visual lightbox (http://hamptonsunrise.com/index_files/vlb_files1/vlightbox1.css)

http://hamptonsunrise.com/index_files/vlb_files1/visuallightbox.css

jscheuer1
05-20-2014, 03:01 PM
At the beginning of index_files/vlb_files1/visuallightbox.css, add the 0's as shown:


#vlb1overlay{
position:absolute;
top:0;
left:0;
z-index: 1900;
width:100%;
height:auto;
background-color:#bfbfbf;
}

#vlb1lightbox{
position:absolute;
top:20px;
left:0;
width:100%;
z-index: 2000;
text-align:center;
color:#151410;
line-height:0;

mlegg
05-20-2014, 03:50 PM
Thanks John. I was editing a z index in the wrong folder :(