Jump to content

Unable to add a negative value for box-shadow

Recommended Posts

Site URL: http://www.aday.design

Hi!

I'm trying to add two different inset values for a box-shadow on a button (in other words, adding 2 inner shadows). This is the result I'm trying to achieve, and this is the code used for it in CSS:

Shadow.thumb.png.4dadd65ba0bb4f2143391d4e872f9ef9.png

 

Adding the first (top) inner shadow works just fine. However, whenever I try to set a negative value on either axis (in this case I'm interested on the Y one–the bottom inner shadow) the styles disappear altogether.

When I paste the same code into the web inspector, the effect is perfectly showing up, but it seems there isn't a way to get it working on Squarespace. Any idea why this might be happening or any workaround?

 

Thanks in advance and have a good day!!

Link to comment
  • Replies 1
  • Views 573
  • Created
  • Last Reply
On 7/3/2021 at 2:29 AM, Aday said:

Site URL: http://www.aday.design

Hi!

I'm trying to add two different inset values for a box-shadow on a button (in other words, adding 2 inner shadows). This is the result I'm trying to achieve, and this is the code used for it in CSS:

Shadow.thumb.png.4dadd65ba0bb4f2143391d4e872f9ef9.png

 

Adding the first (top) inner shadow works just fine. However, whenever I try to set a negative value on either axis (in this case I'm interested on the Y one–the bottom inner shadow) the styles disappear altogether.

When I paste the same code into the web inspector, the effect is perfectly showing up, but it seems there isn't a way to get it working on Squarespace. Any idea why this might be happening or any workaround?

 

Thanks in advance and have a good day!!

I checked the inspector and you are settings negative value already?

image.png.b4d4ebadac3877b4445f24e4746f5324.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

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.