Need help deleting a box shadow from a slider container from flickity

Store Design
1

Screen Shot 2022-05-09 at 4.35.03 PM.png
Screen Shot 2022-05-09 at 4.35.03 PM.png1429×652 163 KB

The slider I coded into the Ride theme has a really faint white background shadow when I click on the button to scroll. I’d like help removing it. The code I put in is linked here:

https://jotting.com/shopify/shopify-product-slider

A picture reference of the shadow in the container is also below

2

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

3

password taucau

link: osiris-tech-hub.myshopify.com

4

Please add below css code in bottom of assets/flickity.css file
.flickity-button:hover {
background: hsla(0,0%,100%,.75);
}
Thank you.

5

Hi sorry but the box is still there, it isn’t present when i hover but more so when i click the left and right buttons

6

Was just having the same problem. Try adding this to CSS:

div.carousel{
box-shadow: none;
}