Removing links on blog images

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!

Add to Home > Design > Custom CSS

/* disable image post click */
article.blog-basic-grid--container>div:first-child {
    pointer-events: none;
}

@tuanphanJust added this in and it works perfectly, thank you!

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 

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

This worked for me! thank you for your support. These help articles are great!!

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? 

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.

@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

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

@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.

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.

Hi @tuanphan Sorry I did not see your reply, the code is working now! Thanks so much for your help 🙂

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

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