Jump to content

Make blog masonry grid unclickable

Recommended Posts

Site URL: https://www.studiofurks.com/news

Hello,

I was trying to make the images on https://www.studiofurks.com/news not clickable. I don't want them to redirect the user to the blog post(s)

I wanted to do this across all the blog posts.

Currently I have used the following code to make the Blog titles and meta data unclickable:

//Disable blog titles from being clicked
.white .blog-masonry .blog-title{
    pointer-events: none;
}

//Disable blog meta from being clicked
.blog-masonry .blog-categories-list a, .blog-masonry .blog-author, .blog-masonry .blog-date, .blog-masonry .blog-meta-delimiter{
  pointer-events: none;
}

What can I use to do this on the images on the page?

Thanks

Link to comment
  • Replies 6
  • Views 698
  • Created
  • Last Reply
21 hours ago, visionsbyfurks said:

Site URL: https://www.studiofurks.com/news

Hello,

I was trying to make the images on https://www.studiofurks.com/news not clickable. I don't want them to redirect the user to the blog post(s)

I wanted to do this across all the blog posts.

Currently I have used the following code to make the Blog titles and meta data unclickable:


//Disable blog titles from being clicked
.white .blog-masonry .blog-title{
    pointer-events: none;
}

//Disable blog meta from being clicked
.blog-masonry .blog-categories-list a, .blog-masonry .blog-author, .blog-masonry .blog-date, .blog-masonry .blog-meta-delimiter{
  pointer-events: none;
}

What can I use to do this on the images on the page?

Thanks

image.thumb.png.451bdb4e06c3094bcb554b9e50c53cd2.png

.blog-masonry-wrapper .image-wrapper {
  pointer-events: none;
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.