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

    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,610
    PenciDesign replied

    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

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

  •  2,610
    PenciDesign replied

    Hi,

    Please modify the CSS code:

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

    Regards,
    PenciDesign.



  •  11
    LillaGreen replied

    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,610
    PenciDesign replied

    Hi,

    Please modify the CSS code:

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

    Regards,
    PenciDesign.



  •  11
    LillaGreen replied

    Hallo,

    OK - this code works

    Thank you very much

    Greets Tsvete

  •  11
    LillaGreen replied

    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,610
    PenciDesign replied

    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

    Thank you, it works


    Tsvete