Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Changing the colour of number of pictures in a product carousel


Chloeberland

Question

Site URL: https://chloeberland.com/

Hello everyone! 

I have a question and hope one of you can help me out.

When my site is in mobile, the arrows don't show on a product carousel (which I know is normal), but instead there's a white number of pictures on the upper right corner. My problem is that most of my pictures have white backgrounds, and it's impossible for mobile users to know that they can swipe to see other pictures. Do you happen to know what little chunk of custom CSS I can add to change that number's color? 

Thank you so much in advance and take care! 
Chloé 

I’ve included a pic so you all can know which number I’m talking about

product.PNG

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Hi @Chloeberland, Try adding this within Design > Custom CSS: .ProductItem-gallery-current-slide-indicator{color:black!important;} With this expected result on mobile: Hope th

@tcp13 Thank you so much, worked like a charm!  Hope you have a lovely day,  Chloé

Posted Images

2 answers to this question

Recommended Posts

  • 0

Hi @Chloeberland,

Try adding this within Design > Custom CSS:

.ProductItem-gallery-current-slide-indicator{color:black!important;}

With this expected result on mobile:

image.png.304476247e259886a60a9ae74a879f78.pngimage.png.b707800bc79629ffed7b6112b85f539f.png

Hope this helps!
-Tyler

Edited by tcp13

There were 3550 lawsuits last year against websites that were inaccessible to people with disabilities. Is your Squarespace site ADA compliant? Find out in 60 seconds with our free accessibility audit

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...