Tagged: , , , , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 2, 2015 at 5:57 am #467332
    innovnate

    Hi, I’m trying to figure out if there is a way to disable the thumbnail image rollover effect, and the opening of the thumbnail link target in the lightbox. I’m happy with this happening on 99% of my site, but on particular pages, I wish to disable this effect. Even better would to have control over this effect in every instance. IE on one tab (i’m using tabs on my pages) the effect would appear, and on another tab, it would be disabled.

    Possible?

    July 2, 2015 at 3:44 pm #467593
    Elliott

    Hey innovnate!

    Not sure if that’s going to be possible. Which shortcode are you using? Send us a link to your page and we’ll take a look. You can set your reply as private if you wish.

    Cheers!
    Elliott

    July 3, 2015 at 1:27 am #467797
    innovnate

    Hi, best you log in to see what it looks like and see how its built.

    July 4, 2015 at 5:20 am #468293
    Rikard

    Hi!

    To disable the overlay on a specific page, you could try this in Quick CSS which is for the page you linked to:

    .postid-7493 .image-overlay {
 visibility: hidden !important;
 }

    Cheers!
    Rikard

    July 6, 2015 at 3:49 am #468637
    innovnate

    Hi Rikard,

    That is perfect, and solves 1 out of my 2 queries. I need to disable the lightbox effect now, either on individual product pages/posts/pages, or per instance if possible.

    I love the lightbox through the rest of the site, just not on this particular page!

    July 6, 2015 at 2:55 pm #468965
    Elliott

    Hey!

    Try opening up /enfold/js/avia.js and change line 898 from this.

    exclude			:	'.noLightbox, .noLightbox a, .fakeLightbox, .lightbox-added, a[href*="dropbox.com"]',

    To this.

    exclude			:	'.single-product td a, .noLightbox, .noLightbox a, .fakeLightbox, .lightbox-added, a[href*="dropbox.com"]',

    If that does not work then try editing the tab elements in the product and add a class of “noLightbox” to each of the links surrounding your images.

    <a class = "noLightbox" href="/wp-content/uploads/2015/04/Night-Sky.jpg" target="_blank"><img class="aligncenter wp-image-7074 size-thumbnail" src="/wp-content/uploads/2015/04/Night-Sky.jpg" alt="Night Sky" width="150" height="150" /></a>

    Regards,
    Elliott

    June 16, 2017 at 11:16 am #808918
    giu13

    http://imgur.com/a/FOyps
    Giant day team-wrap,

    Have the following problem with my side:
    Will remove thumbnail gallery image overlay and have inserted følgende code into fast CSS

    .postid-7493 .image overlay {visibility: hidden important; }

    Unfortunately, the Characterized has changed from the Website Entire, Code cleared, Cache taught width
    But website, still stay know, narrow.

    Please help

    Thank you

    Best regards

    Giuseppe

    June 17, 2017 at 7:16 am #809197
    Rikard

    Hi Giuseppe,

    Could you link to your site and point out what you would like to remove please?

    Best regards,
    Rikard

    June 17, 2017 at 12:48 pm #809290
    giu13

    Many thanks
    Have discovered the error itself
    greetings

    June 17, 2017 at 2:27 pm #809299
    Mike

    Hi,
    Glad to hear, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Thumbnail image overlay/lightbox removal on INDIVIDUAL pages/items’ is closed to new replies.