Disable Blog/Thumbnail Preview URL

Site URL: https://mandolin-elephant-k8st.squarespace.com/

Hi!

Can anyone direct me in disabling the blog post thumbnail URL? I do not want to utilize the blog hyperlinks at all. Please advise. Thank you!

I take it you only want the read more to work? Text and images do not link?

post this in blog page settings advanced code injection.  

<style>
thumbnail-container { pointer-events: none !important; }
<style>

19 minutes ago, derricksrandomviews said:

I take it you only want the read more to work? Text and images do not link?

post this in blog page settings advanced code injection.  

<style>
pointer-events: none;
<style>

Thanks for the speedy response. I added the coding to the Meek page, but it appears the thumbnail is still clickable and leads to the following URL.

https://mandolin-elephant-k8st.squarespace.com/blog/meekmill

Try this in custom css, remove the other code first from blog page. Your hyperlink url is offsite so it makes a bit trickier.  

.summary-thumbnail-container { pointer-events: none !important; }

7 minutes ago, derricksrandomviews said:

Try this in custom css, remove the other code first from blog page. Your hyperlink url is offsite so it makes a bit trickier.  

.summary-thumbnail-container { pointer-events: none !important; }

Hmmm. That didn't seem to work either. Thumbnail is still clickable. 😕 

We need to narrow it down a bit:

.blog-item-summary-thumbnail-container { pointer-events: none !important; }

On 6/22/2020 at 12:11 AM, derricksrandomviews said:

We need to narrow it down a bit:

.blog-item-summary-thumbnail-container { pointer-events: none !important; }

Hyperlinked thumbnails still active. I do have additional coding in there to remove the arrows in the title. I tried to remove it to see if that was the issue, but it doesn't appear to be. 

.passthrough-link:after {

    visibility: hidden;

}

.blog-item-summary-thumbnail-container { pointer-events: none !important; }

Bump

On 7/13/2021 at 10:46 AM, newyorkinstinct said:

Bump

Add to Design > Custom CSS

/* disable blog thumbnail link */
section.blog-image-wrapper {
    pointer-events: none;
}

Thank you! I just realized that I was using a premium SquareSpace account prior. I've recently downgraded to a personal one, which prohibits me from adding custom CSS.

Are there any other alternatives that might simplify/turn off this feature? I am simply looking for a layout/function that just allows several thumbnails with titles. I don't want the option to link to another site within my own site.

On 7/14/2021 at 1:16 AM, tuanphan said:

Add to Design > Custom CSS

/* disable blog thumbnail link */
section.blog-image-wrapper {
    pointer-events: none;
}

 

On 8/23/2021 at 9:33 PM, newyorkinstinct said:

Thank you! I just realized that I was using a premium SquareSpace account prior. I've recently downgraded to a personal one, which prohibits me from adding custom CSS.

Are there any other alternatives that might simplify/turn off this feature? I am simply looking for a layout/function that just allows several thumbnails with titles. I don't want the option to link to another site within my own site.

 

Can you share link to your site? We can check easier

On 8/26/2021 at 3:45 AM, tuanphan said:

Can you share link to your site? We can check easier

Here!

On 8/28/2021 at 3:36 AM, newyorkinstinct said:

Here!

Just read again your question. All plan should support custom CSS, include both Trial Plan & Personal Plan.

Can you share link to blog page on your site?

18 hours ago, tuanphan said:

Just read again your question. All plan should support custom CSS, include both Trial Plan & Personal Plan.

Can you share link to blog page on your site?

This is the page that lists my work. - https://www.jamesvdinh.com/blog 

However, I would like to hyperlink the thumbnail image to the link to the article. For instance, I don't want the image to direct to: https://www.jamesvdinh.com/blog/dababy 

On 8/30/2021 at 8:23 PM, tuanphan said:

Just read again your question. All plan should support custom CSS, include both Trial Plan & Personal Plan.

Can you share link to blog page on your site?

Bump

Hi,

I think you need to use JS to change thumbnail link.

Or you can disable thumbnail with this CSS

/* Disable thumbnail link */
section.blog-image-wrapper {
    pointer-events: none;
}

On 9/11/2021 at 10:19 PM, tuanphan said:

Hi,

I think you need to use JS to change thumbnail link.

Or you can disable thumbnail with this CSS

/* Disable thumbnail link */
section.blog-image-wrapper {
    pointer-events: none;
}

 

Thank you. That CSS worked!