Custom Slider Navigation Color

Simple
Custom Slider Navigation Color

This is how to change the color of the nav for the Webflow slider element.

Add this code to the </body> custom code section of the page settings, or site settings.

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

Change the colours to whatever colours you need. The first colour should ideally be softer, and the active colour should ideally be strong/darker.

See an Example Website

Other Code Snippets