Jump to content

Box-shadow on Image Shape

Recommended Posts

Posted

Hi!
I want to apply the same box-shadow attribute to every image shape but cannot determine the driving element.

As you can see in the attached image, I could easily use this to style the list. I also applied it to the map code block.

.user-items-list-simple .list-item-media-inner[data-aspect-ratio="circle"] {
  	-webkit-box-shadow:10px 7px 0 -2px #c8cda3;
	box-shadow: 10px 7px 0 -2px #c8cda3;
  	
}

However, I could not figure out how to apply it to images within shapes. I tried this, among many other things. I cannot get anything to work:

.fluid-image-container .sqs-image-content {
  box-shadow: 10px 7px 0 -2px #c8cda3;
}



/*OR THIS*/



.sqs-block-image .design-layout-fluid .fluid-image-container .content-fill {
  box-shadow: 10px 7px 0 -2px #c8cda3;
}

Site link: https://corn-ferret-28x9.squarespace.com/home
pw: Zippy12345

 

I would appreciate any help. If there is a cleaner way to do it, I'm open to suggestions.

Screenshot 2024-06-18 at 2.11.41 PM.png

  • Replies 0
  • Views 879
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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.