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

 

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

@visionsbyfurks I see your site has a small problem. See video, look at the right of screen.

https://www.loom.com/share/f90df69d1d964059874434c3119da009

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 1/3/2021 at 4:05 AM, visionsbyfurks said:

@tuanphan Oh no sorry, it's because I deleted the page and redid it as as standard gallery without captions/text.

Have you solved this yet? (y)

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.