Remove background from product carousel arrows

Hi, 

I am trying the make the background of the product carousel arrows transparent with no luck. I have tried this code:

/* arrows background */
.ProductItem-gallery-carousel-controls * {
    background: transparent;
}

Thanks for any help!

Emily

Please post the URL for a page on your site where we can see your issue.

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

You may find How to post a forum question post useful.

Link to website is:

https://www.ti-ni.net/order/p/organic-catnip

Thanks!

Thank you so much for your help - it worked 🙂 !!