DMXzone Lightbox Support Product Page

In progress

layering of gallery popup box and text on the page.

Reported 13 Mar 2013 21:19:46
1
has this problem
13 Mar 2013 21:19:46 john vandenberg posted:
toughfloors.com/proto/gallery-epoxy-flooring.html

is the page.

I have a gallery inserted. When I click a thumbnail and the lightbox pops up, I can see the text from my CSS Menu system right through the lightbox!

How can I have the lightbox appear on top of EVERYTHING like it's supposed to?

Here's a screen capture:
dl.dropbox.com/u/67658050/layering.png

Replies

Replied 14 Mar 2013 08:43:38
14 Mar 2013 08:43:38 Vulcho Vulev replied:
Hello John.

You need to create custom css rule assigned for the menu that you are using.

.p7PMMh04 {
   z-index:9 !important;
}


Regards:Vulcho.
Replied 14 Mar 2013 17:31:22
14 Mar 2013 17:31:22 john vandenberg replied:
Hmm, I did that, and it made no difference. Here's the new info:

/*Menu Outer Wrapper*/
.p7PMMh04 {
width: auto;
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
line-height: normal;
z-index: 9; !important;


I obviously added that one at the end.

Where did you come up with a value of 9? Can I go into the Lightbox css and add a higher z-index too or something?
Replied 15 Mar 2013 08:04:12
15 Mar 2013 08:04:12 Vulcho Vulev replied:
Hello John.

Currently your css rule is not applied because of syntax error.Edit the rule the following way:

/*Menu Outer Wrapper*/
.p7PMMh04 {
width: auto;
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
line-height: normal;
z-index: 9 !important;
}


Regards:Vulcho.
Replied 15 Mar 2013 18:58:35
15 Mar 2013 18:58:35 john vandenberg replied:
The only thing I see different from yours is the closing }, which actually is in the .css file, I just neglected to copy and paste it.

So, it was and is like this already:
/*Menu Outer Wrapper*/
.p7PMMh04 {
width: auto;
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
line-height: normal;
z-index: 9 !important;
}
Replied 18 Mar 2013 09:18:25
18 Mar 2013 09:18:25 Vulcho Vulev replied:
Hello John.

The link to the page doesn't exists anymore , can you confirm that the overlaying issue is solved ?

Regards:Vulcho.
Replied 19 Mar 2013 00:45:05
19 Mar 2013 00:45:05 john vandenberg replied:
It is fixed. I first did that cache clearing thing, then removed all LightBox code from the page. Then I actually just started with a whole new page, then re-inserted the LightBox Gallery, and it worked with no z-index issues.

I still can't click the Edit button to go back, I get the Java error of height or whatnot. But that's not important immediately. But I'd still like to be able to add photos to the galleries in the future easily.
Replied 21 Mar 2013 11:58:34
21 Mar 2013 11:58:34 Vulcho Vulev replied:
Hello John.

Can you please try to clear your Dreamweaver cache file?
The following article will help you to achieve that:
Clearing Dreamweaver's cache
Can you provide me with the exact text of the javascript error?

Regards:Vulcho.
Replied 22 Mar 2013 18:44:48
22 Mar 2013 18:44:48 john vandenberg replied:
I did the cache clearing procedure already. Here's the error link.

dl.dropbox.com/u/67658050/error.png

Here's what I'm doing to get that error:
1. Open the Gallery page of my site
2. I want to add more images to the existing gallery
3. I click on one of the image thumbnails on the page already
4. I go to the DMXZone insert box for LightBox
5. I choose the "edit lightbox settings for selected item"
6. The dialog pops up as seen in the screen capture
7. I hit the Edit button to the right of the Preset button
8. The error pops up about dialogHeight

Is there some other workflow to add more images to the lightbox gallery?

Reply to this topic