Image behind menu in top – help

  • 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

    Mod

    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

    #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

    #23858

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

    }
    #jquery-lightbox {
    z-index: 1000;
    }

    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

    #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

    #23861

    now it works 😉

    many thank you 😉

    sleep well 🙂

    Mod

    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!