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

I am on Squarespace 7.1 and don't see the option to do this? Does anyone know how to do this on 7.1? Having the same issue where the white arrows aren't showing up properly so it's unclear how a user can scroll. 

On 4/4/2024 at 3:26 AM, eliasdesignsco said:

I am on Squarespace 7.1 and don't see the option to do this? Does anyone know how to do this on 7.1? Having the same issue where the white arrows aren't showing up properly so it's unclear how a user can scroll. 

If you share link to page where you have problem, we can check easier