# Slider dots

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Theme settings -> General -> Slider dots.**

| Setting            | Description                                                                                                                                                                                                                                                                                                                         |
| ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Style              | <p>Select the style of the slider navigation dots:</p><ul><li><mark style="color:orange;"><strong>Style 1:</strong></mark> Dots will simply styled with its background, border and hover state color.</li><li><mark style="color:orange;"><strong>Style 2:</strong></mark> Dots group will also have a background layer. </li></ul> |
| Width              | Determines the width of the slider navigation dots.                                                                                                                                                                                                                                                                                 |
| Height             | Determines the height of the slider navigation dots.                                                                                                                                                                                                                                                                                |
| Background opacity | <p>Sets the opacity level for the background of the slider navigation dots.</p><p></p><p><em><mark style="color:orange;">Note: For layout style 2</mark></em></p>                                                                                                                                                                   |