Skip to content
Public Ticket #26705

How to make the all the images in my blog posts not clickable?

Conversation thread

LillaGreen replied

Customer Reply

thank you!

PenciDesign Supporter replied

Staff Reply

Hi,

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

Regards,
PenciDesign.


LillaGreen replied

Customer Reply

In the blog post all media files are linked to their upload URL. This should be on default "linked to "none" - is there a simple way to change this globally for all the blog post images? 

2326825725.png

PenciDesign Supporter replied

Staff Reply

Hi,

Please re-send me the admin password, I'll help you check it.

Regards,
PenciDesign.


LillaGreen replied

Customer Reply

hi, I checked my css in customize. Non of them has something to do with the images of a blog post. Right now, on default, when I add an Image to a blog post, the image has automatically a URL - this is the setting that should be changed globally so that there is no URL added to the image on default. Here are the CSS from customize, as I tild you - not a single CSS does something with the images:

.penci-toc-container-wrapper.penci-sticky-toc {
    display: none !important;
}

body.woocommerce-checkout form.checkout.woocommerce-checkout #customer_details {
    width: 100%;
}

.penci-megamenu,
.penci-megamenu span,
.penci-megamenu p,
.penci-megamenu h3,
.penci-megamenu h3 a {
    font-family: 'BebasNeue' !important;
}

#navigation .penci-megamenu .penci-mega-child-categories a,
.pc-builder-element.pc-main-menu .navigation .menu li .penci-mega-child-categories a {
    font-size: 18px;
}

@media only screen and (max-width:479px) {
    body.elementor-page .penci-single-smore .container,
    body.elementor-page .penci-post-image-wrapper > .container,
    body.elementor-page .wrapper-boxed > .container,
    body.elementor-page .wrapper-boxed > .penci-single-wrapper > .penci-single-block > .container,
    body.elementor-page #widget-area > .container,
    body.elementor-page #footer-section > .container,
    body.elementor-page .penci-two-sidebar .container.penci-breadcrumb,
    body.elementor-page .penci-page-header-wrap .penci-page-header-inner.container,
    body.elementor-page .penci-page-header-wrap {
        padding-left: 5px;
        padding-right: 5px;
    }
}
.woocommerce #content table.cart .product-thumbnail,
.woocommerce table.cart .product-thumbnail,
.woocommerce-page #content table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail {
  display: block;
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width:767px) {
    .woocommerce table.shop_table_responsive tr td:before,
    .woocommerce-page table.shop_table_responsive tr td:before {
        display: none !important;
    }
    .woocommerce-cart table.cart img {
        width: 120px;
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .penci-top-bar .penci-login-popup-btn a {
      font-size: inherit;
      margin: 0;
      vertical-align: top;
      line-height: 14px;
    }
    .penci-top-bar .pclogin-item {
        vertical-align: top;
    }
}

@media only screen and (max-width:767px) {
  .woocommerce .thumbnail-left .penci-single-product-top-container .product-labels {
    left: auto;
    right: 10px;
    top: 10px;
  }
}

@media only screen and (max-width:767px) {
  .woocommerce table.shop_table_responsive tr td,
  .woocommerce-page table.shop_table_responsive tr td {
    padding-right: 10px;
    padding-left: 10px;
    padding: 5px;
  }
  .woocommerce-cart table.cart img {
    width: 100px;
    height: auto;
  }
}

body.woocommerce-checkout {
    padding: 60px 0 0;
}
body.woocommerce-checkout .penci-header-wrap,
body.woocommerce-checkout .footer-instagram,
body.woocommerce-checkout #footer-section {
    display: none;
}

body.woocommerce-checkout form.checkout.woocommerce-checkout #customer_details {
    width: 100%;
}

body.woocommerce-checkout form.checkout.woocommerce-checkout #order_review {
    width: 100%;
}

body.woocommerce-checkout form.checkout.woocommerce-checkout #payment {
    width: 100%;
}

body.woocommerce-cart {
    padding: 60px 0 0;
}
body.woocommerce-cart .footer-instagram,
body.woocommerce-cart #footer-section {
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #000 transparent transparent transparent !important;
}

body.woocommerce-checkout form.checkout.woocommerce-checkout #order_review,
body.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-checkout-review-order-inner {
  padding: 0;

}
.e-checkout__order_review-2 {
  margin-top: 10px;
}

#wcj-currency-select {
    border: 0;
    padding: 20px 30px;
}

@media only screen and (min-width:961px) {
    .woocommerce #content table.cart .product-thumbnail,
    .woocommerce table.cart .product-thumbnail,
    .woocommerce-page #content table.cart .product-thumbnail,
    .woocommerce-page table.cart .product-thumbnail {
        display: table-cell;
    }
}

.woocommerce .blockUI.blockOverlay {
display: none !important;
}
.single-post .entry-content .post-image a {
    pointer-events: none !important;
    cursor: default !important;
}

#footer-section .footer-menu li a {
    font-family: 'BebasNeue';
    font-size: 18px;
}

.penci-toc-container-wrapper.penci-sticky-toc {
    display: none !important;
}

body.woocommerce-checkout form.checkout.woocommerce-checkout #customer_details {
    width: 100%;
}

.penci-megamenu,
.penci-megamenu span,
.penci-megamenu p,
.penci-megamenu h3,
.penci-megamenu h3 a {
    font-family: 'BebasNeue' !important;
}

#navigation .penci-megamenu .penci-mega-child-categories a,
.pc-builder-element.pc-main-menu .navigation .menu li .penci-mega-child-categories a {
    font-size: 18px;
}

@media only screen and (max-width:479px) {
    body.elementor-page .penci-single-smore .container,
    body.elementor-page .penci-post-image-wrapper > .container,
    body.elementor-page .wrapper-boxed > .container,
    body.elementor-page .wrapper-boxed > .penci-single-wrapper > .penci-single-block > .container,
    body.elementor-page #widget-area > .container,
    body.elementor-page #footer-section > .container,
    body.elementor-page .penci-two-sidebar .container.penci-breadcrumb,
    body.elementor-page .penci-page-header-wrap .penci-page-header-inner.container,
    body.elementor-page .penci-page-header-wrap {
        padding-left: 5px;
        padding-right: 5px;
    }
}
.woocommerce #content table.cart .product-thumbnail,
.woocommerce table.cart .product-thumbnail,
.woocommerce-page #content table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail {
  display: block;
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width:767px) {
    .woocommerce table.shop_table_responsive tr td:before,
    .woocommerce-page table.shop_table_responsive tr td:before {
        display: none !important;
    }
    .woocommerce-cart table.cart img {
        width: 120px;
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .penci-top-bar .penci-login-popup-btn a {
      font-size: inherit;
      margin: 0;
      vertical-align: top;
      line-height: 14px;
    }
    .penci-top-bar .pclogin-item {
        vertical-align: top;
    }
}

@media only screen and (max-width:767px) {
  .woocommerce .thumbnail-left .penci-single-product-top-container .product-labels {
    left: auto;
    right: 10px;
    top: 10px;
  }
}

@media only screen and (max-width:767px) {
  .woocommerce table.shop_table_responsive tr td,
  .woocommerce-page table.shop_table_responsive tr td {
    padding-right: 10px;
    padding-left: 10px;
    padding: 5px;
  }
  .woocommerce-cart table.cart img {
    width: 100px;
    height: auto;
  }
}

body.woocommerce-checkout {
    padding: 60px 0 0;
}
body.woocommerce-checkout .penci-header-wrap,
body.woocommerce-checkout .footer-instagram,
body.woocommerce-checkout #footer-section {
    display: none;
}

body.woocommerce-checkout form.checkout.woocommerce-checkout #customer_details {
    width: 100%;
}

body.woocommerce-checkout form.checkout.woocommerce-checkout #order_review {
    width: 100%;
}

body.woocommerce-checkout form.checkout.woocommerce-checkout #payment {
    width: 100%;
}

body.woocommerce-cart {
    padding: 60px 0 0;
}
body.woocommerce-cart .footer-instagram,
body.woocommerce-cart #footer-section {
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #000 transparent transparent transparent !important;
}

body.woocommerce-checkout form.checkout.woocommerce-checkout #order_review,
body.woocommerce-checkout form.checkout.woocommerce-checkout .woocommerce-checkout-review-order-inner {
  padding: 0;

}
.e-checkout__order_review-2 {
  margin-top: 10px;
}

#wcj-currency-select {
    border: 0;
    padding: 20px 30px;
}

@media only screen and (min-width:961px) {
    .woocommerce #content table.cart .product-thumbnail,
    .woocommerce table.cart .product-thumbnail,
    .woocommerce-page #content table.cart .product-thumbnail,
    .woocommerce-page table.cart .product-thumbnail {
        display: table-cell;
    }
}

.woocommerce .blockUI.blockOverlay {
display: none !important;
}
.single-post .entry-content .post-image a {
    pointer-events: none !important;
    cursor: default !important;
}

#footer-section .footer-menu li a {
    font-family: 'BebasNeue';
    font-size: 18px;
}

PenciDesign Supporter replied

Staff Reply

Hi,

The problem is that you've added in the incorrect CSS syntax at the Appearance → Customize → Custom CSS, so some CSS rules can't work.

Please check all the codes you've added by validated it at this link: https://jigsaw.w3.org/css-validator/#validate_by_input

Regards,
PenciDesign.


LillaGreen replied

Customer Reply

Thank you, but the images are still opening with their URLs /are still clickable.. I deleted the css an cache before that 

PenciDesign Supporter replied

Staff Reply

Hi,

Here is the correct CSS code:

.single-post .entry-content .post-image a {
    pointer-events: none !important;
    cursor: default !important;
}

Regards,
PenciDesign.



LillaGreen replied

Customer Reply

I only want to make the images in a single blog post unclickable. But when I use the following css, also elementor element Penci Products becomes unclickable which is not correct:

.single-post .entry-content a { pointer-events: none !important; cursor: default !important;
}

Is there another code that manages only the images, and not elementor elements with images? Thank you

PenciDesign Supporter replied

Staff Reply

Hi,

Please send me the screenshot that includes the area you need to disable the clickable.

Regards,
PenciDesign.


LillaGreen started the conversation

Conversation Start

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

Want to join this conversation or access attachments? Sign in first.