Jump to content

Is it possible to blur images on individual blog posts?

Recommended Posts

Hey, y'all! I'm new to Squarespace and am working on a photography blog. I have SFW and NSFW images and I was wondering if there is a way to assign blogs with an "NSFW" tag to blur until being clicked. I know this is probably a long shot. I'd also be happy if there's a way to do it manually by inserting a code block into the individual blog post, but I couldn't work that out either.   


Thanks for any help you can provide!

Link to comment
  • Replies 1
  • Views 536
  • Created
  • Last Reply

I actually figured it out on my own! Answering for folks who might find this in the future. this is the code I ended up using on my site's custom css to blur the tag "nude". 

Quote

.tag-nude
.sqs-gallery-design-stacked-slide img{filter: blur(8px)!important} .sqs-gallery-design-stacked-slide img:hover{filter: blur(0px)!important}

 

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.