VirtueMart Forum

VirtueMart 1.1.x [ Old version - no longer supported ] => Themes & Layout Problems and Customization VM 1.1 => Topic started by: scott815 on May 13, 2008, 22:37:10 pm

Title: Rocket Theme issue
Post by: scott815 on May 13, 2008, 22:37:10 pm
I have joomla 1.5.3 and vm 1.1.0 installed and when user clicks on the image for the larger version the current menu and all the menu lettering is showing above the picture and is not looking good at all.  Anyone know how to fix this or where to start.
Title: Re: Rocket Theme issue
Post by: Dusan on May 14, 2008, 04:41:40 am
I belive that the problem in z-index. Try this:

In components/com_virtuemart/js/slimbox/css/slimbox.css find:

 #lbOverlay {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #000;
    cursor: pointer;   
}

#lbCenter, #lbBottomContainer {
    position: absolute;
    left: 50%;
    overflow: hidden;
    background-color: #fff;   
}


 And replace it with:



 #lbOverlay {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #000;
    cursor: pointer;
    z-index: 101;
}


#lbCenter, #lbBottomContainer {
    position: absolute;
    left: 50%;
    overflow: hidden;
    background-color: #fff;
    z-index: 102;
}


This should fix it. If not try to increase 'z-index'.
Title: Re: Rocket Theme issue
Post by: scott815 on May 14, 2008, 06:44:44 am
Thank you so much for the help on my issue below.
Title: Re: Rocket Theme issue
Post by: Dusan on May 14, 2008, 15:24:44 pm
No problem. Good luck with the project.