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 #3519791
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 the all the images in my blog posts not clickable?

  •  2,610
    PenciDesign replied

    Hi,

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

    Regards,
    PenciDesign.


  •  11
    LillaGreen replied

    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

  •  2,610
    PenciDesign replied

    Hi,

    Here is the correct CSS code:

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

    Regards,
    PenciDesign.



  •  11
    LillaGreen replied

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

  •  2,610
    PenciDesign replied

    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.


  •  11
    LillaGreen replied

    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;
    }


  •  2,610
    PenciDesign replied

    Hi,

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

    Regards,
    PenciDesign.


  •  11
    LillaGreen replied

    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

  •  2,610
    PenciDesign replied

    Hi,

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

    Regards,
    PenciDesign.


  •  11
    LillaGreen replied

    thank you!