The Content Reveal widget allows you to display hidden or partially visible content that can be revealed with user interaction. It's designed to improve engagement, save space, and guide the user's attention.
Content#
- Content Type: Choose how you want to load your content:
- Content – Manually enter text or media in the editor.
- Template – Load an Elementor saved template.
- Post Custom Field – Dynamically pull data from a post's custom field.
- ACF Field – Display content from an Advanced Custom Fields field.
- Pods Field – Display content from a Pods custom field.
- Show Separator: Toggle on/off to display a visual separator between the button and hidden content.
Settings#
- Default State: Choose the initial state:
- Reveal – All content is visible by default.
- Unreveal – Only part of the content is shown until the user clicks to expand.
- Scroll Top: When enabled, clicking "Read Less" button automatically scrolls the page back to the top of the content block.
- Transition Speed: Adjust how fast the reveal/unreveal animation occurs (in seconds).
- Content Visibility By: Define how much of the content is visible before revealing:
- Pixels – Show a fixed height in pixels.
- Lines – Show a fixed number of text lines.
- Visible Amount: Set the number of pixels or lines to display before the "Read More" button appears.
Button#
- Alignment – Align buttons left, center, or right.
- Content Unreveal / Content Reveal Tabs – Switch between settings for both button states:
- Label – Change the button text (e.g., "Read More", "Show Less").
- Icon – Add an icon to the button.
- Icon Position – Place the icon before or after the button text.