Navigation
Archive / Links are triggering the lightbox overlay
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 6, 2017 at 10:12 pm #1397177
    arogers907
    Participant

    For some reason links on my andyrogers.com website have started triggering the lightbox overlay. For instance, images on my home page link to my WooCommerce cart. The pages open, but the lightbox overlay is hovering over them.

    Text link are still working fine, and the portfolio images open in the lightbox like they should. But all the images links are opening the lightbox frame now.

    Is there a hidden style or shortcode that I need to remove? Can anyone help me out?

    Thanks,

    -Andy

    March 7, 2017 at 2:43 am #1397385
    Friech
    Moderator

    Hi Andy,

    Thanks for writing in! You have a lightbox shortcode on your page that has a selector of .x-img-link. That class is present to all link images that is why the lightbox is trigger when you click any link image.

    Please review your lightbox shortcodes and set a unique selector (not .x-img-link), then apply that selector as a class to the specific image only that you want to be the trigger for lightbox.

    Cheers!

    March 7, 2017 at 12:54 pm #1398119
    arogers907
    Participant

    I think I follow that. Sounds like the .x-img-link tag is a universal setting that hits all the linked images. I’ll try to find where that is located and figure out a way to make it more selective.

    Thanks getting me headed in the right direction!

    -Andy

    March 7, 2017 at 6:00 pm #1398390
    arogers907
    Participant

    Fixed! Thanks, Friech.

    Your advice got me pointed in the right direction and this tutorial helped me solve the problem. https://community.theme.co/kb/shortcode-walkthrough-lightbox/

    Thank you!

    -Andy

    March 7, 2017 at 11:23 pm #1398649
    Rupok
    Member

    Glad that you figured it out already Andy. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

    Thanks for using X.

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1397177 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>