Product Carousel Color Arrows

Site URL: https://silver-hyperboloid-kt5p.squarespace.com/config/design/site-styles/product-items

Is it possible to change the carousel colors to black on the product pages? My images have a white background so they aren't showing when white. 

@tuanphan - is this ^  possible? 

PW: Sitetest123

Can you share link to a product?

I don't see carousel here. https://silver-hyperboloid-kt5p.squarespace.com/store-1/p/surfings-roots

Really? Each product has several images. The arrows are there to flip through them, but the arrows are white so are invisible. 

Solved it with this code. Thanks! 

/* Product slide arrows control */
@media screen and (max-width:767px) {
.ProductItem-gallery-carousel-controls {
    display: flex !important;
}
/* arrows background */
.ProductItem-gallery-carousel-controls * {
    background: white;
}
.ProductItem-gallery-carousel-controls>div {
    justify-content: center !important;
}
.ProductItem .product-item-gallery-carousel-control::after, .ProductItem .product-item-gallery-carousel-control::after {
    border-color: black !important;
}
}

On 5/25/2021 at 4:20 AM, Rudybro said:

Really? Each product has several images. The arrows are there to flip through them, but the arrows are white so are invisible. 

Do you want to fix these?

Site URL – https://silver-hyperboloid-kt5p.squarespace.com/

1. (Tablet-Footer) Make email not wrap?

2. (Tote) You haven’t changed SEO Title so the browser tab name still shows “Store 1”

3. (Tablet-Products) Increase add to cart width?

4. (Mobile-Products) Increase add to cart width?