How do I change the color of the gallery arrows? White arrows are invisible with a white background

Site URL: http://www.drdata.info

How do I change the color of the gallery arrows? White arrows are invisible with a white background. What CSS code do i need?

Thank you!
 

Please post the URL for the page with the gallery on it.

https://goby-chiton-jmks.squarespace.com/store/p/uni-battery

Go to Design > Colors > Section Themes.

Hover over White Bold and click on the pencil icon.

You should now be on Edit Themes.

Scroll down until you find PRODUCT DETAIL PAGE > Gallery Icons.

Click on the Gallery Icons color circle and change the arrows to your desired color.

If that doesn't do the trick then it may be possible to add a background or increase the thickness of the arrow with some custom CSS.

Let us know how it goes.

This was it! thank you so much! 👍🏼👍🏼👍🏼

On 11/9/2020 at 5:42 AM, creedon said:

Go to Design > Colors > Section Themes.

Hover over White Bold and click on the pencil icon.

You should now be on Edit Themes.

Scroll down until you find PRODUCT DETAIL PAGE > Gallery Icons.

Click on the Gallery Icons color circle and change the arrows to your desired color.

If that doesn't do the trick then it may be possible to add a background or increase the thickness of the arrow with some custom CSS.

Let us know how it goes.

Thx was helpfull