Webflow Slider: Custom Dot Color Change Using CSS

Recently Webflow has launched an amazing feature on backgroud videos where your website visitors can stop and play background videos easity.

Watch a video to learn how you can integrate in your Webflow website too.

Follow these steps to add slider dot CSS to your Webflow website:

Step 1) Add a Webflow Slider

Step 2) Go to custom code area from your project settings

Copy and paste below code to your </head> area of your custom code section.

<style>
	.w-slider-dot {background: black;}
  .w-slider-dot.w-active {background: red;}
</style>

Step 3) Publish your changes

Once you're done adding above mentioned steps then now it's time push your changes to the live site.

Click here to see the live preview.

‍