Joomla Templates Club 406,261 posts

[thomaskremer Friend thomaskremerJoin date: April 2008Posts: 17Downloads:19Uploads:6 Thanks: 5 Thanked: 1 times in 1 posts]

#137015

Hi,
I have a problem to get a Lightbox work properly.
I installed Mavik Thumbnails and everything works fine, except that the lightbox is shown under the header. Could you help me fix the CSS?

URL: http://stjan.org/index.php?option=com_content&view=article&id=389:vlaggen&catid=32:den-haag&Itemid=79

Click on one of the photos to get the lightbox.

Thanks.

Thomas

[anisjolly Friend anisjollyJoin date: April 2008Posts: 661Downloads:0Uploads:15 Thanks: 33 Thanked: 96 times in 55 posts]

#286083

Hey Thomas

you need to amend the following code:

element.style {
background-image:url(http://stjan.org/images/stories/naambord.jpg);
height:513px;
opacity:1;
visibility:visible;
width:684px;
z-index:999;
}

Add the line in red into that code – that should fix it for you.

However, I can’t confirm whether this code resides in a css file or the index.php for the template. I’d actually give the index.php for the template a go first!

If you still can’t fix it – let me know.

Anis

1 user says Thank You to anisjolly for this useful post

1. thomaskremer

[thomaskremer Friend thomaskremerJoin date: April 2008Posts: 17Downloads:19Uploads:6 Thanks: 5 Thanked: 1 times in 1 posts]

#286103

Thanks for the hint.
I modified the z-index of the Mavik thumbnails CSS.
It’s working fine now.

Thomas

[anisjolly Friend anisjollyJoin date: April 2008Posts: 661Downloads:0Uploads:15 Thanks: 33 Thanked: 96 times in 55 posts]

#286121

thanks Thomas

Glad you got it fixed.

[timmiller Friend timmillerJoin date: August 2008Posts: 169Downloads:0Uploads:10 Thanks: 12 Thanked: 3 times in 1 posts]

#370047

Hi,

I know it’s been a while, but where did you change this code? I’m using an updated version of mavik. I seem to be having a similar issue, where the first image in the article is under header and next image does not work.

Thanks!

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#370399

<em>@timmiller 212703 wrote:</em><blockquote>Hi,

I know it’s been a while, but where did you change this code? I’m using an updated version of mavik. I seem to be having a similar issue, where the first image in the article is under header and next image does not work.

Thanks!</blockquote>

Hi Tim,

Try to add the above specific property here::

#lbImage {slimbox.css (line 24)
background-repeat: no-repeat;
border: 10px solid #FFFFFF;
left: 0;
position: absolute;
top: 0;
}

Css file reference:: plugins/content/mavikthumbnails/slimbox/css/slimbox.css

[timmiller Friend timmillerJoin date: August 2008Posts: 169Downloads:0Uploads:10 Thanks: 12 Thanked: 3 times in 1 posts]

#370462

Hi,

I did get word back from the Mavik developer on this…

<blockquote>Plugin mavik Thumbnials use class “thumbnail” for tag <a>.
And this same class is in
…/plugins/content/mavikthumbnailsmodal.php (or whatever modal php file is)
…/plugins/content/mavikthumbnailsslimbox.php (or whatever slimbox php file is)
…/plugins/content/mavikthumbnailshighslide.php (or whatever highslide php file is)

Remove “thumbnail” from string like it “$class = ‘modal thumbnail’;”</blockquote>After removing thumbnail from each of these files, I was able to use mavik with no problems.

1 user says Thank You to timmiller for this useful post

1. Phill

[Author]

Posts