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

Property	Description
Slide area
Rounding	Adjust corner radius of the slide container
Display border	Toggle border visibility around slide area (Yes/No)
Border color	Set the color for slide area border
Thickness	Adjust border thickness
Slider
Display icon	Toggle visibility of slider icon (Yes/No)
Upload slider icon	Upload a custom icon for the slider handle
Background color	Set the slider handle background color
Hover color	Define the color that appears when hovering over the slider
Border color	Set the border color for the slider handle
Thickness	Adjust slider border thickness
Left-hand text
Alignment	Configure text alignment for content on the left side
Right-hand text
Alignment	Configure text alignment for content on the right side
Effects
Image shadow	Add and configure shadow effects for a slider: Click the "+" icon to add shadow effects. Select from shadow styles: None, Soft, Regular, or Retro.
Margins
Slide paddings	Set internal spacing for the slide area (top, right, bottom, left)

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.