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

Learn How to Turn More Website Traffic into Customers in Just 5 Days

Trusted by hundreds of businesses around the world.

Nice! You're in the loop. Talk soon.
Oops! Something went wrong while submitting the form.