Custom Slider Navigation Color

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.

.w-slider-dot {
 background: #EFD9F4 !important;
.w-slider-dot.w-active {
 background: #AE42C8 !important;

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

Download Assets
See an Example Website

Other Code Snippets

Ready to learn more?

I've worked with countless businesses around the world. Maybe you'll be next.

Get in Touch