Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3591810
How to make the all the images in my blog posts not clickable?
Closed

Comments

  •  11
    LillaGreen started the conversation
    February 24, 2024 at 9:37am

    How, How can I make all the images in my blog posts not clickable? 

    In Customized "Disable Lightbox on Single Posts" option is turned on ... still the images are still opening. they should not be clickable.

    Please go to Appearance → Customize → Single Posts → General → turn on the "Disable Lightbox on Single Posts" option.

    Thank you

  •  2,541
    PenciDesign replied
    February 24, 2024 at 9:45am

    Hi,

    Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    .entry-content img {
     pointer-events: none;
    }

    Regards,
    PenciDesign.



  •  11
    LillaGreen replied
    February 24, 2024 at 11:59am

    Hi, I need this only for the single blog post... is the css a general rule for not opening images? Thank you

  •  2,541
    PenciDesign replied
    February 24, 2024 at 3:58pm

    Hi,

    Please modify the CSS code:

    body.single .entry-content img {
     pointer-events: none;
    }

    Regards,
    PenciDesign.



  •  11
    LillaGreen replied
    February 25, 2024 at 1:33am

    Hallo,

    i did - but it is not working, please take a look at:

    https://staging.lillagreen.com/boracay-philippines-travel-guide/

    and check it by yourself.

    Thanks Tsvete

  •  2,541
    PenciDesign replied
    February 25, 2024 at 1:54am

    Hi,

    Please modify the CSS code:

    body.single .elementor-text-editor a {
        pointer-events: none;
    }

    Regards,
    PenciDesign.



  •  11
    LillaGreen replied
    February 25, 2024 at 3:12am

    Hallo,

    OK - this code works

    Thank you very much

    Greets Tsvete

  •  11
    LillaGreen replied
    February 26, 2024 at 1:00pm

    Hello,

    Unfortunately this code doesn't work properly - it's no longer possible to click on the links with this coder and that's of course important!!

    Please adjust the code so that only the images are no longer clickable!!

    Thank you Tsvete

  •  2,541
    PenciDesign replied
    February 26, 2024 at 1:58pm

    Hi,

    Please modify the CSS code:

    body.single .elementor-text-editor a[href$=".jpg"],
body.single .elementor-text-editor a[href$=".jpeg"],
body.single .elementor-text-editor a[href$=".png"],
body.single .elementor-text-editor a[href$=".gif"],
body.single .elementor-text-editor a[href$=".bmp"] {
    pointer-events: none;
}

    Regards,
    PenciDesign.

  •  11
    LillaGreen replied
    March 9, 2024 at 7:59am

    Thank you, it works


    Tsvete