Jump to content

Change colour of arrow on a slider

Recommended Posts

Site URL: https://www.bodyandbraincoaching.co.uk/



I would like to change the colour of my arrow on my slider but I can't seem to target it. I have been using this code:

 svg.user-items-list-carousel__arrow-icon {
    color: @blue !important;

But it doesn't seem to target it. If I change it to 'background-colour:' it does change the background of the arrow to blue so I know I trying to target the right area?

The website password is lego-pencil but this page is hidden so not sure how you will see it.




Link to comment

Add these code Design > Custom CSS

This is for button background

  background: red !important;



This is for icon color 

  stroke: blue !important;


If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


Link to comment

Create an account or sign in to comment

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

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.