Jump to content

Product Details page - How do you target the images properly?

Recommended Posts

Hello all. I'm trying to add a border, box shadow, and border radius to the images on my Product Details pages but when I do the box shadow looks strange (as if it's connected to the other image) and the border radius doesn't work, it only applies to a couple of the corners. The code I'm using is below. What am I doing incorrectly? Thanks. 

Example page: shuifeng.squarespace.com/shop/p/what-the-feng

.ProductItem-gallery-slides-item, .grid-image {
    border-radius: 5px!important;
    box-shadow: 1px 2px 10px 4px rgba(0,0,0,0.5);
    border: 1px solid black;
}

 

Link to comment
  • 2 weeks later...
  • Replies 4
  • Views 267
  • Created
  • Last Reply

Top Posters In This Topic

No, I'm still having the issue, it's just subtle. 
The area highlighted in red is some kind of shadow that doesn't look right (between the two images). 
The area highlighted in blue has no box shadow although it should (it should have shadow surrounding the entire image). Thanks. 

ActiveFengShui-WhatTheFengShadow.png

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.