Custom Slider Dot Color

Easily change the native Webflow slider element navigation/dot colors with this CSS snippet. This method allows you to easily select the colors of Webflow's native slider dots via a CSS code snippet.

How to add it

1. Add the CSS code snippet to the head section of your page or via a global embed
2. Update the color code to your choosing

The code

                      <!-- Add to head tag -->
<style>
.w-slider-dot {
 background: #EFD9F4 !important;
}
.w-slider-dot.w-active {
 background: #AE42C8 !important;
}
</style>