Content Reveal

Content Reveal collapses a group of child elements to a limited height or number of lines, then lets visitors reveal more. Use it for supporting content that can be expanded.

Add and configure Content Reveal

1. Click Add, choose Content Reveal, and place it in the container.
2. Add the content as children of Content Reveal.
3. Set Content > Content > Hide By, then configure Max Height or Max Lines.
4. Set the expand/collapse Labels and Scroll To Top When Closed.
5. Style Design > Content and Overlay.
6. Save your changes.

Controls

Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”

Content > Content

Setting	Purpose and options	Behavior
Hide By	Height, Lines.	Shared
Max Height	Max height and unit. When: Hide By = Height or Hide By is unset.	Shared
Max Lines	Set max lines. Range: 1–50. When: Hide By = Lines.	Shared
Scroll To Top When Closed	On/off.	Shared
Labels > Reveal Label	Enter the reveal label.	Shared
Labels > Hide Label	Enter the hide label.	Shared

Design > Content

Setting	Purpose and options	Behavior
Transition	Transition and unit.	Shared
Max Width	Max width and unit.	Shared

Design > Overlay

Setting	Purpose and options	Behavior
Alignment	Left, Center, Right.	Shared
Button > Style	Primary, Secondary, Custom, Text.	Shared

Shown when Style = Text.

Setting	Purpose and options	Behavior
Button > Text > Typography	typography controls.	See linked controls
Button > Text > Padding	spacing controls.	See linked controls
Button > Text > Fancy Underline	Style 1, Style 2, Style 3, Style 4, Style 5, Style 6, Style 7, Style 8.	Shared
Button > Text > Underline Color	Color or supported fill.	Hover
Button > Text > Arrow > Arrow	Arrow 1, Arrow 2, Arrow 3, Custom.	Shared

Setting	Purpose and options	Behavior
Button > Text > Arrow > Custom Arrow	Icon. When: Style = Text and Arrow = Custom.	Shared
Button > Text > Arrow > Space Before	Space before and unit. When: Style = Text.	Shared
Button > Text > Arrow > Hover Transform	Hover transform and unit. When: Style = Text and Arrow ≠ Arrow 3.	Shared
Button > Text > Arrow > Arrow Size	Arrow size and unit. When: Style = Text.	Shared
Button > Custom Type	Custom, Preset. When: Style = Custom.	Shared
Button > Custom > Size > Size	Custom, Small, Default, Large. When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset.	Responsive
Button > Custom > Size > Padding	Padding. When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset and Size = Custom.	Responsive

Shown when Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset.

Setting	Purpose and options	Behavior
Button > Custom > Size > Override Width	Override width and unit.	Shared
Button > Custom > Size > Full Width At	Breakpoint.	Shared
Button > Custom > Background	Color or supported fill.	Hover
Button > Custom > Outline	On/off.	Shared

Shown when Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset and Outline is set.

Setting	Purpose and options	Behavior
Button > Custom > Color	Color or supported fill.	Hover
Button > Custom > Width	Width.	Shared
Button > Custom > No Fill On Hover	On/off.	Shared

Setting	Purpose and options	Behavior
Button > Custom > Typography	typography controls. When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset.	See linked controls
Button > Custom > Corners	Square, Round, Custom. When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset.	Shared
Button > Custom > Corner Radius	Corner radius and unit. When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset and Corners = Custom.	Responsive

Shown when Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset.

Setting	Purpose and options	Behavior
Button > Custom > Icon > Icon	Icon.	Shared
Button > Custom > Icon > Position	Before, After.	Shared
Button > Custom > Icon > Size	Size and unit.	Responsive
Button > Custom > Icon > Color	Color or supported fill.	Hover
Button > Custom > Icon > Space Before	Space before and unit.	Responsive
Button > Custom > Icon > Space After	Space after and unit.	Responsive
Button > Custom > Icon > Hover Transform	Hover transform and unit.	Shared
Button > Custom > Effects > Transition Duration	Transition duration.	Responsive
Button > Custom > Effects > Scale On Hover	Set scale on hover. Range: 0–3.	Responsive
Button > Custom > Effects > Shadow	Shadow offset, blur, spread, color.	Responsive, Hover

Setting	Purpose and options	Behavior
Button > Preset	Set preset. When: Style = Custom and Custom Type = Preset.	Shared
Gradient	Color or supported fill.	Shared

Design > Spacing

Setting	Purpose and options	Behavior
Container	spacing controls.	See linked controls
Before Button	Before button and unit.	Responsive

Troubleshooting