Joomla Templates Club 406,261 posts

[hopartkunst Friend hopartkunstJoin date: July 2007Posts: 7Downloads:0Uploads:0 Thanks: 2]

#127720

Hello,

I believe I have to change some code in the css of the template Barite because when I want to see a larger image of a product in my VirtueMart installation, the larger image gets cut by the whole header of the template.

I hope to hear from you, thanks in advance.

Jacq

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#246124

can you give us a link so w can see the problm?

[hopartkunst Friend hopartkunstJoin date: July 2007Posts: 7Downloads:0Uploads:0 Thanks: 2]

#246165

Thanks for the quick response, you can see the link here

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#246170

In the com_virtuemart you have a file called slimbox.css(you might need to look for it)
search for this in that file:

#lbCenter, #lbBottomContainer {
background-color:#FFFFFF;
left:50%;
overflow:hidden;
position:absolute;
}
And add this to it:

z-index:999;
So it will look like this:


#lbCenter, #lbBottomContainer {
background-color:#FFFFFF;
left:50%;
overflow:hidden;
position:absolute;
z-index:999;
}
And then find this:

#lbOverlay {
background-color:#000000;
cursor:pointer;
left:0;
position:absolute;
width:100%;
}
And add this:

z-index:99;
So it will look like this:


#lbOverlay {
background-color:#000000;
cursor:pointer;
left:0;
position:absolute;
width:100%;
z-index:99;
}
If you cant find it in the slimbox.css file look in the css file for virtuemart.

[hopartkunst Friend hopartkunstJoin date: July 2007Posts: 7Downloads:0Uploads:0 Thanks: 2]

#246298

Thank you for your post!
The issue is solved, the larger images in a lightbox are now showing over the header.

Jacq.

[Author]

Posts