[Pro] Using the Content Reveal Widget

See this widget in action here.

Want to show hidden content dynamically on your pages? The Content Reveal widget in aThemes Addons lets you create expandable content sections that visitors reveal with a click or hover, keeping your layouts clean while giving readers access to more details on demand.

In this guide, we’ll walk you through how to use the Content Reveal widget in aThemes Addons for Elementor.

Before you get started, make sure you’ve installed and activated the aThemes Addons plugin on your WordPress site along with Elementor. For premium widgets, ensure aThemes Addons Pro is also installed and active. This widget requires aThemes Addons Pro.

Activating the Widget

Go to the aThemes Addons dashboard in your WordPress admin area and search for the Content Reveal widget. Toggle the switch to activate it. Once activated, the widget is available in the Elementor editor.

Exploring Widget Options

Configuring Content Settings

Set up the content that appears inside the reveal section:

  • Content Type – Choose between plain text content or a saved Elementor template.
  • Title – Add a custom title for the text content area.
  • Content – Input your text directly or select an existing Elementor template.
  • Expand Text – Set the button text that appears when content is collapsed (e.g., “Read More”).
  • Collapse Text – Set the button text that appears when content is expanded (e.g., “Read Less”).
  • Icons – Choose icons for the expand and collapse buttons.

Configuring Behavior Settings

Control how the content reveal effect behaves:

  • Height Before Reveal – Define the visible content height before expanding.
  • Trigger – Select whether the content expands on hover or click.
  • Button Position – Place the expand/collapse button before or after the content.
  • Transition Duration – Adjust the speed of the reveal animation effect.

Customizing Style Options

Fine-tune the visual appearance of the Content Reveal widget:

  • Background and Borders – Set a background color, add borders, and adjust the border radius.
  • Typography – Customize fonts for titles and content text.
  • Box Shadow – Add shadows to create a layered look.
  • Button Styles – Adjust button colors, hover effects, and alignment.

Configuring Advanced Settings

Access additional layout and customization controls:

  • Custom CSS – Add a unique CSS ID for additional styling.
  • Alignment – Control the alignment of titles, content, and buttons.
  • Spacing – Adjust margins and padding for precise layout control.

That’s it! You’ve successfully set up the Content Reveal widget on your site.

Next, would you like to toggle between two content sections? Check out our guide on using the Content Switcher widget to learn more.