Joomla Templates Club 406,261 posts

[cassmith Friend cassmithJoin date: January 2008Posts: 5Downloads:0Uploads:0]

#124952

Any idea what I need to change in order to make my lightbox appear over the header image?

Here is a link so that you can see what is happening: http://jonkulas.com/art/index.php?option=com_content&task=view&id=57&Itemid=79

If you click on the thumbs in the right sidebar, you will see the behavior I am refering to. Thanks!

Jon

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#236267

Hi cassith,

Open the slimbox.css, find this CSS code section:


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


add z-index property in the id lbOverlay (#lbOverlay).


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


[cassmith Friend cassmithJoin date: January 2008Posts: 5Downloads:0Uploads:0]

#236271

So close!…that made it a bit different…take a look:
http://jonkulas.com/art/index.php?option=com_content&task=view&id=57&Itemid=79

Btw..thanks for your quick reply.

[cassmith Friend cassmithJoin date: January 2008Posts: 5Downloads:0Uploads:0]

#236273

Thanks very much Trungch! So I had to delve a bit deeper into my template CSS and found some other z-index settings that I set to 0. After doing this, I did not need to modify the CSS of the of the lightbox module and it worked. Not sure if this will cause problems later, but I learned some things and it now works. Thanks again.

[Author]

Posts