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:
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:
#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; }
#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; }
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?
How, How can I make the all the images in my blog posts not clickable?
Hi,
Please send me the screenshot that includes the area you need to disable the clickable.
Regards,
PenciDesign.
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}
Hi,
Here is the correct CSS code:
Regards,
PenciDesign.
Thank you, but the images are still opening with their URLs /are still clickable.. I deleted the css an cache before that
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.
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;
}
Hi,
Please re-send me the admin password, I'll help you check it.
Regards,
PenciDesign.
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?
Hi,
Please go to Appearance → Customize → Single Posts → General → turn on the "Disable Lightbox on Single Posts" option.
Regards,
PenciDesign.
thank you!