Guest Posted September 3, 2020 Share Posted September 3, 2020 Site URL: https://oliviagavoyannis.com/ Hello, I want to remove the links on the images on my main blog post page so that users have to click on the post's 'read more' or title to go to the web pages I have linked rather than a blank blog post. Does anyone know how I do this? Thanks so much! Link to comment
tuanphan Posted September 3, 2020 Share Posted September 3, 2020 Add to Home > Design > Custom CSS /* disable image post click */ article.blog-basic-grid--container>div:first-child { pointer-events: none; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Guest Posted September 3, 2020 Share Posted September 3, 2020 @tuanphanJust added this in and it works perfectly, thank you! Link to comment
HMC Posted November 23, 2020 Share Posted November 23, 2020 On 9/3/2020 at 5:04 AM, tuanphan said: Add to Home > Design > Custom CSS /* disable image post click */ article.blog-basic-grid--container>div:first-child { pointer-events: none; } Hi @tuanphan I am having the same issue. Tried this CSS code and it doesn't seem to work. Any suggestions? www.roundhilldesign.com/press Link to comment
tuanphan Posted December 3, 2020 Share Posted December 3, 2020 On 11/24/2020 at 12:46 AM, HMC said: Hi @tuanphan I am having the same issue. Tried this CSS code and it doesn't seem to work. Any suggestions? www.roundhilldesign.com/press Add to Home > Design > Custom CSS section.blog-image-wrapper { pointer-events: none; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
WinMediaUK Posted December 3, 2020 Share Posted December 3, 2020 This worked for me! thank you for your support. These help articles are great!! Link to comment
PHIG Posted February 19, 2021 Share Posted February 19, 2021 Hi @tuanphan I am a complete squarespace novice. I have a website and just want to make one or two images not clickable. At the moment they open a new page which i don't want it to. How do I remove this function from an image? Link to comment
tuanphan Posted February 22, 2021 Share Posted February 22, 2021 On 2/19/2021 at 5:48 PM, PHIG said: Hi @tuanphan I am a complete squarespace novice. I have a website and just want to make one or two images not clickable. At the moment they open a new page which i don't want it to. How do I remove this function from an image? If you share link to page where you have problem. We can check easier. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
wattsgraphics Posted November 24, 2022 Share Posted November 24, 2022 @tuanphan Hi I would like to block the link on all blog images. I have tried using the code you provided above however, I can’t get it to work. I am using the Universal Filter plug-in. Your help would be great! https://turbot-kangaroo-4ghm.squarespace.com/gallery Link to comment
tuanphan Posted November 27, 2022 Share Posted November 27, 2022 On 11/25/2022 at 1:48 AM, wattsgraphics said: @tuanphan Hi I would like to block the link on all blog images. I have tried using the code you provided above however, I can’t get it to work. I am using the Universal Filter plug-in. Your help would be great! https://turbot-kangaroo-4ghm.squarespace.com/gallery Add this to Design > Custom CSS /* Gallery page disable image click */ body#collection-636e251896d49f2bbe60f43b article { pointer-events: none; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
wattsgraphics Posted November 30, 2022 Share Posted November 30, 2022 @tuanphan thanks for checking it out, although I still can't get it to work... I have tried adding important!; to the end but this has not made a difference. Link to comment
tuanphan Posted December 2, 2022 Share Posted December 2, 2022 On 12/1/2022 at 12:44 AM, wattsgraphics said: @tuanphan thanks for checking it out, although I still can't get it to work... I have tried adding important!; to the end but this has not made a difference. You placed code in wrong position, it made code invalid. Place code in 2 } other symbols will made code doesn't work properly. Move code under Line 366. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
wattsgraphics Posted December 10, 2022 Share Posted December 10, 2022 Hi @tuanphan Sorry I did not see your reply, the code is working now! Thanks so much for your help 🙂 tuanphan 1 Link to comment
JoshA Posted February 14, 2023 Share Posted February 14, 2023 Hi, just wondering whether anyone can help (perhaps @tuanphan as you seem so knowledgeable here!). I'm trying to follow the above but it's not working. I installed Universal Filter on a blog page and have changed each blog post to a different source url, and that works when you click on the title or the 'read more' link however I want to disable the image hyperlink/clickthrough but everything I've tried doesn't work. Page is: https://www.urbanhealthcouncil.com/reports Any suggestions? Thank you Link to comment
JoshA Posted February 14, 2023 Share Posted February 14, 2023 Did some more searching and turns out this is the magic code that goes into the css: .blog-basic-grid .blog-basic-grid--container.is-loaded>div:first-child { pointer-events: none; } anortherndesign and tuanphan 2 Link to comment
karini Posted August 25, 2023 Share Posted August 25, 2023 that last code worked great! How do i remove the link also from the blog tittle text on the featured/home page...? Thanks everyone!! Link to comment
tuanphan Posted August 27, 2023 Share Posted August 27, 2023 On 8/25/2023 at 10:24 AM, karini said: that last code worked great! How do i remove the link also from the blog tittle text on the featured/home page...? Thanks everyone!! Can you share link to homepage? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
sanchez_77 Posted October 18, 2023 Share Posted October 18, 2023 On 9/3/2020 at 10:04 AM, tuanphan said: Add to Home > Design > Custom CSS /* disable image post click */ article.blog-basic-grid--container>div:first-child { pointer-events: none; } hi @tuanphan this is great, but on my page I have two blogs, one is the main feed and another is via a summary block. Is there a way to remove the links from image in a summary block? Merci Link to comment
Web_Solutions Posted October 18, 2023 Share Posted October 18, 2023 (edited) 32 minutes ago, sanchez_77 said: hi @tuanphan this is great, but on my page I have two blogs, one is the main feed and another is via a summary block. Is there a way to remove the links from image in a summary block? Merci Add these code for remove the links from image in a summary block. .summary-item .summary-thumbnail-outer-container{ pointer-events: none !important; } Edited October 18, 2023 by Web_Solutions sanchez_77 1 If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
sanchez_77 Posted October 20, 2023 Share Posted October 20, 2023 On 10/18/2023 at 5:27 PM, Web_Solutions said: Add these code for remove the links from image in a summary block. .summary-item .summary-thumbnail-outer-container{ pointer-events: none !important; } thanks, much appreciated. Link to comment
Toerag Posted February 17 Share Posted February 17 Hi, I'm having a similar issue with summary blocks, they now link through to non-existent pages which I'm pretty sure they didn't when I set it up. I don't want these sections to be clickable, I just want them as content with no hyperlink but I can't see how to remove the link. I tried the code injection suggested here under 'page settings > advanced' but that doesn't work (I don't want to apply it site-wide just to specific pages). https://www.kenttowbars.co.uk/socket-wiring-options ^ This page content is split into two columns/sections, but I don't want them to appear as hyperlinks just content. If there is a solution I will also need to apply it here (same problem): https://www.kenttowbars.co.uk/towbar-types Thankyou for your time 👍 Link to comment
Toerag Posted February 17 Share Posted February 17 Just to be clear I want to remove the hyperlinks from the images and the text, as you can see if you click them there is no page to link to (so a few people have complained the links are broken, when they weren't actually supposed to be links..). 😊 Link to comment
tuanphan Posted February 18 Share Posted February 18 On 2/17/2024 at 4:32 PM, Toerag said: Just to be clear I want to remove the hyperlinks from the images and the text, as you can see if you click them there is no page to link to (so a few people have complained the links are broken, when they weren't actually supposed to be links..). 😊 Use this code to Website > Website Tools > Custom CSS /* writing options disable link */ .user-items-list-item-container[data-section-id="628637a8e6ac343848004edc"] * { pointer-events: none; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Toerag Posted February 20 Share Posted February 20 Hi Tuanphan, I tried that and it doesn't seem to be working. Here's my whole custom CSS file in case there is a format issue or conflict (it's at the bottom): <style> @media screen and (min-width: 768px) { .products.collection-content-wrapper .list-grid .grid-item *::-ms-backdrop, .products.collection-content-wrapper .list-grid .grid-item { box-sizing: border-box; float: left; margin: 1.5vw 1vw; width: calc(25% - 2 * 1.5vw); } } .ProductItem-gallery-slides-item{ border: 1px solid black !important; } .image-block-outer-wrapper { border: 1px solid #3d4531; } /* Make list images clickable */ li.list-item { position: relative !important; } .list-item-content__button-container { position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; } a.list-item-content__button.sqs-block-button-element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; color: transparent !important; background-color: transparent !important; } /* Home Towbar Fitting Carousel */ body#collection-62824da6e7f0424662cf9e30 { li.list-item { position: relative !important; } .list-item-content__button-container { position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; } a.list-item-content__button.sqs-block-button-element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; color: transparent !important; background-color: transparent !important; border: none !important; }} /* writing options disable links */ .user-items-list-item-container[data-section-id="628637a8e6ac343848004edc"] * { pointer-events: none; } </style> Thank you again! Link to comment
tuanphan Posted February 24 Share Posted February 24 Hi, It looks like you added to Code Injection, but with my code, you need to use Custom CSS box Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment