Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • thomaskremer Friend
    #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
    #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

    thomaskremer Friend
    #286103

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

    Thomas

    anisjolly Friend
    #286121

    thanks Thomas

    Glad you got it fixed.

    timmiller Friend
    #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
    #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
    #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.

Viewing 7 posts - 1 through 7 (of 7 total)

This topic contains 7 replies, has 4 voices, and was last updated by  timmiller 13 years, 6 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum