I have added my form to my website using the Lightbox method, but it appears partially BEHIND the left menu. How can I move the Lightbox to the front?

  • Profile Image
    RockyMountainAnimalRescue
    Asked on June 03, 2011 at 11:40 AM
  • Profile Image
    NeilVicente
    Answered on June 04, 2011 at 12:57 AM

    Hello,

    The division that contains your left menu has z-index property higher than that of the lightbox form. That is the reason why it is always on top of other elements including the lightbox.

    To solve this problem, find this css code in your website's http://www.rockymountainanimalrescue.com/css/rmar.css file

    div#content div.menu-left {
        backgroundurl("../images/menu-background.png") repeat scroll 0 0 transparent;
        floatleft;
        positionrelative;
        width250px;
        z-index111111;
    }
    Replace 111111 with a lower value, like 100. That should do the trick.
    Let me know how this turns out. Get back to us if you're still experiencing the same problems. Thank you.

    Neil
  • Profile Image
    Adam
    Answered on December 20, 2011 at 08:03 AM

    Hi, whatever type of Lightbox you're using, you'll find a .css file. Open it with word pad and find each z-index entry.

    Using trial and error, try making each entry either higher or lower than the previous z-index entry. Eventually you'll find the best combination.