Styling's Slider Arrows

Check which classes you need to modify

Clerk.js comes with a built-in function for showing products with sliders. 

This function has a standard set of arrows, that lets customers navigate the slider as shown below:

However, if you want to use your own slider-arrows, or want to change their placement, you can use these classes, to modify them:

<style type="text/css">
    .clerk-slider-nav {
        width: 59px;
        height: 59px;
        background-position: 0px -176px;
        left: 645px;
        background-position: 0px -59px;
        left: -2px;
        background-position:0px -117px;
        left: 645px;
        background-position:0px 0px;
        left: -2px;

The new styling can be added in your existing stylesheet, or as part of a Design in