Buy me a coffee

How to make Blog Featured image unclickable

To make blog feature image unclickable, you can use these CSS code to Website Tools > Custom CSS
#1. All blog images

div.collection-content-wrapper .blog-item .image-wrapper {
    pointer-events: none;
}

Bbc7d910cc026b5c3213 Min

#2. Images belong specific Blog Page
First, you need to find Blog Page ID. Use below tool.

In my example, it is: #collection-6677756d03a4f15ba27ce9d8

98708a7a9f6838366179 Min

Next, use CSS code like this

#collection-6677756d03a4f15ba27ce9d8 div.collection-content-wrapper .blog-item .image-wrapper {
    pointer-events: none;
}

#3. Specific blog image
First, you need to find blog item url slug by access Settings

Ef2d7f236531c26f9b20 Min

You will see this.

B911a77bbd691a374378 Min

Next, use CSS code like this

article.blog-item a.image-wrapper[href="/blog-2-1/the-mountai-bike"] {
    pointer-events: none;
}