Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #1231818

    I followed this: Remove Lightbox in single posts

    That removed Lightbox in single posts, the problem is when I add for example a gallery. It won’t work.

    The new question is, how to remove Lightbox in single posts correctly, just affecting single images.

    In the other thread you shared this:

    
    .big-preview.single-big {
    pointer-events: none;
    }
    

    What is the way to not affect anything but single images in single posts?

    Thanks.

    #1231851

    Hey peterolle,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    .single.single-post .big-preview.single-big {
        pointer-events: none;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1231870

    Added it to Enfold > General Styling > Quick Css and nothing.
    Added it to Enfold Child > style.css and nothing.

    Can’h hover or click anything in the gallery.

    So it must be a different CSS the one that’s needed.

    Thanks.

    #1231896

    Hi,

    Please provide a link to the gallery page.

    Best regards,
    Jordan Shannon

    #1231903

    Single normal post featured image. No light box.
    Single galley post. Click to see gallery.

    It is a natural post, nothing custom, you can test in any enfold demo.

    Thanks.

    #1231916

    Hi,

    Try adding the following to quick css as well:

    .gallery a{
    pointer-events: initial!important;
    }

    Best regards,
    Jordan Shannon

    #1231958

    Thank you Jordan, but that is not working either.

    I tested with this and it works:

    
    .avia-gallery-big, .avia-gallery-thumb {
    	pointer-events: initial!important;
    }
    

    Is that correct or there is something else needed for galleries?

    The idea is to disable it “JUST” for single normal posts featured images, but having it working everywhere else.

    Thanks.

    #1231962

    Hi,

    What you have there in combination with my original code suggestion should get that result.

    Best regards,
    Jordan Shannon

    #1231964

    Yours is not working. That is why I am sharing mine to see if that is ok or something else is needed.

    Thanks.

    #1231974

    Hi,

    I mean the first code I added for the single post. They both are needed.

    Best regards,
    Jordan Shannon

    #1231975
    .big-preview.single-big {
    pointer-events: none;
    }
    
    .gallery a{
    pointer-events: initial!important;
    }
    

    That removes it everywhere, including gallery.

    Adding mine, fixes gallery.

    The question is if there is something else needed so everything works, BUT single normal featured images.

    Thanks.

    #1233105

    Hi,

    Apologies for the delay, I will see if any of the other mods have additional insight.

    Best regards,
    Jordan Shannon

    #1233195

    Hi,
    Sorry for the late reply, for each post type the div with the classes big-preview single-big is used at the top of the post to hold the top element, so to only block the image click of a standard post, and not the gallery, video, audio, etc. posts
    please add the post type to the css like this:

    .single-format-standard .big-preview.single-big {
        pointer-events: none !important;
    }

    this will not effect the gallery element on other pages because it doesn’t use the classes big-preview single-big
    please remove your other css and add this and then clear your browser cache and check.

    Best regards,
    Mike

    #1233412

    This is not working for me. But maybe I am asking for a diff feature. I do not want the featured image to be cropped at the top of a single post. Makes no sense why anyone would go to the trouble to make a new image, set it as featured, then expect the user to click on it on to see the whole image.

    I added the CSS immediately above and it did not change anything for me.

    Thanks in advance for your help.

    #1233438

    @barefeetstudios : did you solve your problem? I don’t see the picture being cropped!

    #1233574

    Hi Guenni – I decided to work around things. This crop + lightbox functionality makes no sense to me so I am posting the image manually inline and leaving the featured image as is. It STILL would not pull en image when I share to Twitter so I’ve installed Yoast SEO plugin hoping that would fix it, and it doesn’t. Why would the theme overwrite this basic functionality in two areas? No idea. It’s a hassle and is not keeping up with the times. Thank you for listening to my rant!

    #1233576

    @barefeetstudios please open another thread, this one has nothing to do with your problem.

    Thanks.

    #1233577
    This reply has been marked as private.
    #1233578

    To all: I replied privately to @peterolle in more detail.

    But to be clear, I was complaining about the error in no image showing up when sharing to social from the blog post using Enfold. I was not asking for help on it. There are other threads here that show how to hack the code to make it work. Nope; not gonna do that. I’ll wait for a theme fix.

    Happy Monday!

    #1233579

    Private is only for moderators, not users, so I can’t see your reply.

    If this topic is talking about: Remove Lightbox in single posts correctly

    Why do you come to ask another thing that will only mix and confuse the whole thread? Please open a new thread with your problem and you will get help there.

    Thanks.

    #1233738

    Hi,

    @peterolle
    , did you find this reply to solve your issue?
    I carefully tested this on a new install, if this didn’t help & you cleared your caches, please link to your test page so I can check the structure.

    Best regards,
    Mike

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