Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How do I add a drop shadow for only specific images


Hi Folks

I'm looking to add a simple drop shadow on certain images contained in an image card block. 

When I enter generic CSS code it changes ALL the images on the page to have a drop shadow, which I don't want, I just want to isolate some specific images for a drop shadow. 

Any help hugely appreciated!

Share this post

Link to post

2 answers to this question

Recommended Posts

  • 1
Posted (edited)

You have to target the block, instead of the general element. You can find the block with a chrome plug in. 

https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde?hl=en-US#:~:text=Squarespace Collection%2FBlock Identifier&text=This extension makes it easy,the ID to your clipboard. So the code would look something like this with your unique id on the first line:

 { filter: drop-shadow(5px 5px 8px #000000); 


Edited by derricksrandomviews

Share this post

Link to post
  • 0

Oh god, it was really that simple!? I don't know how I spent hours trying to figure this out 

Many thanks Derrick!

Share this post

Link to post

Create an account or sign in to comment

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

  • Create New...