Joomla Templates Club 406,261 posts

[reders Friend redersJoin date: December 2007Posts: 127Downloads:3Uploads:13 Thanks: 9 Thanked: 4 times in 1 posts]

#129015

Can anybody please help?

I’ve installed JoomlaWorks – Image Gallery Pro on the Dravity Template and the problem I have is:-

When a user clicks on the image in the image gallery and the lytebox, pop-up image appears, the main menu stays on top of the pop-up.

to view what I mean please goto:-

http://www.trackdaysforum.net/Web-Design/Web-Design-Portfolio.html

and click on the image to see what I mean.

Any ideas would be fantastic.

Regards,
Reders.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#250987

Hi reders !
You open mambots/content/plugin_jw_sigpro/lytebox/english/lytebox.css file , find following code section at about line 12 :


#outerImageContainer {
background-color:#000000;
height:250px;
margin:0pt auto;
position:relative;
width:250px;
}


change into :


#outerImageContainer {
background-color:#000000;
height:250px;
margin:10pt auto;
position:relative;
width:250px;
}


[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#250991

Or you can change this in the lytebox.css file:
Line 1:


#lytebox {
left:0;
line-height:0;
margin-top:50px;
position:absolute;
text-align:center;
top:40px;
width:100%;
z-index:100;
}


Into:


#lytebox {
left:0;
line-height:0;
margin-top:50px;
position:absolute;
text-align:center;
top:40px;
width:100%;
z-index:1111;
}

Line 30:


#overlay {
background-color:#000000;
height:500px;
left:0;
opacity:0.9;
position:absolute;
top:0;
width:100%;
z-index:90;
}


Into:

#overlay {
background-color:#000000;
height:500px;
left:0;
opacity:0.9;
position:absolute;
top:0;
width:100%;
z-index:999;
}

This here will give you the “look” as it should be. I marked in red the changes.

[Author]

Posts