# Slider

**Slider** provides a dynamic carousel-style content display that allows users to browse through multiple slides or content panels.

## Style settings

<table><thead><tr><th width="218">Properties</th><th>Description</th></tr></thead><tbody><tr><td><strong>Navigation icons</strong></td><td></td></tr><tr><td>Icons position</td><td><p>Select placement of navigation controls:</p><ul><li>Next to slide</li><li>Around progress</li></ul></td></tr><tr><td>Background color</td><td>Set the background color for navigation buttons</td></tr><tr><td>Icon color</td><td>Define the color for the icons within navigation buttons</td></tr><tr><td>Previous icon</td><td>Upload a custom icon for the previous navigation button</td></tr><tr><td>Next icon</td><td>Upload a custom icon for the next navigation button</td></tr><tr><td><strong>Progress bar</strong></td><td></td></tr><tr><td>Active marker</td><td>Set the color for the indicator representing the current slide</td></tr><tr><td>Inactive marker</td><td>Set the color for indicators representing other slides</td></tr><tr><td>Height</td><td>Adjust the height of progress markers</td></tr><tr><td>Width</td><td>Set the width of progress markers</td></tr><tr><td>Margin between marks</td><td>Define spacing between progress indicators</td></tr><tr><td>Progress paddings</td><td>Set spacing around the progress indicator area</td></tr><tr><td><strong>Hover</strong></td><td></td></tr><tr><td>Hover color</td><td>Define the color that appears when users hover over interactive elements</td></tr><tr><td><strong>Effects</strong></td><td></td></tr><tr><td>Buttons shadow</td><td><p>Add and configure shadow effects for buttons in sliders: </p><ol><li>Click the "+" icon to add shadow effects.</li><li>Select from shadow styles: None, Soft, Regular, or Retro.</li></ol></td></tr></tbody></table>

## Typography settings

The Typography tab allows you to configure the appearance of numbering in sliders. Adjust the following properties using rich-text:

* Font
* Style
* Size
* Line spacing
* Color of numbers

For details on how to configure parameters in rich-text options, see [Typography and fonts](https://help.parta.io/branding/create-branding/typography-and-fonts).