# Slide reveal

**Slide reveal** creates interactive before-and-after comparisons for courses. Use it to demonstrate transformations, highlight differences, or progressively unveil content through an engaging sliding interaction that learners control.

## Style settings

<table><thead><tr><th width="208">Property</th><th>Description</th></tr></thead><tbody><tr><td><strong>Slide area</strong></td><td></td></tr><tr><td>Rounding</td><td>Adjust corner radius of the slide container</td></tr><tr><td>Display border</td><td>Toggle border visibility around slide area (Yes/No)</td></tr><tr><td>Border color</td><td>Set the color for slide area border</td></tr><tr><td>Thickness</td><td>Adjust border thickness</td></tr><tr><td><strong>Slider</strong></td><td></td></tr><tr><td>Display icon</td><td>Toggle visibility of slider icon (Yes/No)</td></tr><tr><td>Upload slider icon</td><td>Upload a custom icon for the slider handle</td></tr><tr><td>Background color</td><td>Set the slider handle background color</td></tr><tr><td>Hover color</td><td>Define the color that appears when hovering over the slider</td></tr><tr><td>Border color</td><td>Set the border color for the slider handle</td></tr><tr><td>Thickness</td><td>Adjust slider border thickness</td></tr><tr><td><strong>Left-hand text</strong></td><td></td></tr><tr><td>Alignment</td><td>Configure text alignment for content on the left side</td></tr><tr><td><strong>Right-hand text</strong></td><td></td></tr><tr><td>Alignment</td><td>Configure text alignment for content on the right side</td></tr><tr><td><strong>Effects</strong></td><td></td></tr><tr><td>Image shadow</td><td><p>Add and configure shadow effects for a slider:</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><tr><td><strong>Margins</strong></td><td></td></tr><tr><td>Slide paddings</td><td>Set internal spacing for the slide area (top, right, bottom, left)</td></tr></tbody></table>

## Typography settings

Use **Rich-text** on the **Typography** tab to apply specific formatting to selected text within slide reveals. Changes made here affect only the text in the **Slide reveal** element:

* Basic
* Headings
* Caption
* List
* Quote
* Link

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).