[johnny pedersen]

johnny pedersen

#3200

Hi,

When i clik on a image it now open behind the top menu, and the text in the slider ??

please help 🙂

http://www.rallyimages.eu

[Kenneth John Odle]

Kenneth John Odle

#23856

You need to change the z-index of your lightbox. Try adding this to your custom CSS:

#lightbox-nav {z-index:600;}

(BTW, there are way too many watermarks on your images. It’s less than an optimal experience viewing them.)

[johnny pedersen]

johnny pedersen

#23857

Hi Kenneth,

I just put the code into the css, but it is not working for me ?

And regarding the watermarks I know, there will be less 🙂

[Anonymous]

Anonymous

#23858

Kenneth has the correct idea, but thats just the navigation or the arrows. Try this:

}

#jquery-lightbox {

z-index: 1000;

}

[johnny pedersen]

johnny pedersen

#23859

I found this one here :

#header-menu-wrap {

z-index: 100;

}

it works on the menu, but the text in the slider is still in front of the image 🙁

[Anonymous]

Anonymous

#23860

K now add this

.full-sized .slider-entry-wrap {

z-index: 100;

}

Basically the higher the z-index the more it has priority to be at front or top. It just changes the layer order.

[johnny pedersen]

johnny pedersen

#23861

now it works 😉

many thank you 😉

sleep well 🙂

[Kenneth John Odle]

Kenneth John Odle

#23862

z-index determines which items appear on top. The higher the number, the more “on top” it will be. So to fix this problem, you can increase the z-index of the item you want to be on top, or decrease the z-index of the items that are in the way.

In this case, I would recommend changing the z-index of the lightbox items, rather than the menu itself, since that may cause interference with other z-indexed items in the theme.

And as Tee points out, you’ll want to be sure to use the correct code. (Thanks for catching that, Tee. My time here is limited, as is my internet access.)

For more information, you can read this helpful article:

http://www.w3schools.com/cssref/pr_pos_z-index.asp

and this one:

http://www.w3schools.com/css/css_positioning.asp