Is it possible to change the colour of the arrows on the product page (See screenshot). It is hard to see that there are more photos available (the arrow only changes the colour when hovering)
Or maybe there is a way of adding a number of photos that are uploaded (e.g. 1/4).
website : stockunion.co.uk
.slick-arrow {
color: #000 !important;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid
Like this
Hello @elo1234 ,
I would like to give you a solution to support you:
<style>
.slick-arrow {
color: black !important;
}
</style>
Was my reply helpful? Please Like and Accept Solution. This mean alot to me.
The solution works but the arrow is still not visible. It only appears when hover - Is it possible to make it stick so it doesn’t dissapear?
Hello @elo1234
I would like to give you a solution to support you:
<style>
.slick-arrow {
color: black !important;
}
.slick-prev-arrow {
left: 20px !important;
}
.slick-next-arrow {
right: 20px !important;
}
</style>
Was my reply helpful? Please Like and Accept Solution. This mean alot to me.
Pasted before body in theme.liquid but didnt work 
Still only appears on hover
@elo1234
Add this code
<style>
.slick-arrow {
color: black !important;
opacity: 1 !important;
}
.slick-prev-arrow {
left: 20px !important;
}
.slick-next-arrow {
right: 20px !important;
}
</style>
Was my reply helpful? Please Like and Accept Solution. This mean alot to me.
It worked thank you for the solution!!!