Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 14, 2015 at 8:55 pm #473424
    slui

    Hi,

    I’ve attempted to disable the lightbox overlay by using the following code:

    .no-pointer-services .image-overlay.overlay-type-extern {
    pointer-events: none !important;
    }

    no-pointer-services is the custom class

    Unfortunately, this didn’t work. I would love some help in troubleshooting this. You can see this at the 5 columns on the homepage

    July 14, 2015 at 9:04 pm #473426
    Basilis

    Hi slui!

    Please try the following

    .no-pointer-services .image-overlay.overlay-type-extern {
display: none !important;
}

    Let us know if that worked out!

    Regards,
    Basilis

    July 15, 2015 at 4:24 am #473505
    slui

    Hi Basilis,

    I can still click on the image and have it take me to a different page. I want to disable it completely. This is the code that is currently active:

    .no-pointer-services .image-overlay.overlay-type-extern {
    pointer-events: none !important;
    display: none !important;
    }

    July 15, 2015 at 3:34 pm #473788
    Yigit

    Hi!

    Please use following code instead

    .page-id-1029 .grid-entry .inner-entry {
  pointer-events: none!important;
}

    Best regards,
    Yigit

    July 15, 2015 at 7:19 pm #473929
    slui

    Hi,

    Thanks. Can you please provide me the process that you used to find the page-id along with grid entry and inner entry? This code is very different than what was shown above.

    sl

    July 16, 2015 at 1:34 pm #474269
    Ismael

    Hi!

    You can use the google inspector or the firebug plugin to get the correct css selectors.

    https://developer.chrome.com/devtools/docs/dom-and-styles
    http://sixrevisions.com/tools/firebug-guide-web-designers/

    You can find the page id in the body tag’s class attribute.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.