Chloeberland Posted October 22, 2020 Share Posted October 22, 2020 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 Link to comment
tcp13 Posted October 23, 2020 Share Posted October 23, 2020 (edited) Hi @Chloeberland, Try adding this within Design > Custom CSS: .ProductItem-gallery-current-slide-indicator{color:black!important;} With this expected result on mobile: Hope this helps! -Tyler Edited October 23, 2020 by tcp13 TheEcoporium, Chloeberland and goodmajick 2 1 Hey, I’m Tyler. 👋 I’ve been a professional Squarespace user since 2016. I’m a recovering startup founder, currently on sabbatical after selling my Squarespace business. I now spend my free time working on weird side projects and half-baked ideas. Link to comment
Chloeberland Posted October 25, 2020 Author Share Posted October 25, 2020 @tcp13 Thank you so much, worked like a charm! Hope you have a lovely day, Chloé tcp13 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment