See this widget in action here.
The Content Reveal Widget allows you to display hidden content dynamically with a customizable reveal effect. With options for text and templates, this widget is ideal for presenting detailed information interactively on your website.
Activate the Widget
This widget is part of the aThemes Addons for Elementor plugin. To activate it:
- Navigate to the aThemes Addons dashboard in your WordPress admin area.
- Search for the Content Reveal widget.
- Toggle the switch to activate it. The widget will now be available in the Elementor editor.
Widget Options
Content Settings
- Content Type: Choose between text or an Elementor template.
- Title: Add a custom title when using text content.
- Content: Input text or select an Elementor template for dynamic content.
- Expand/Collapse Text: Customize the button text for revealing or hiding content.
- Icons: Add icons to complement the expand and collapse button text.
Behavior Settings
- Height Before Reveal: Set the height of the content before it expands.
- Trigger: Choose whether content reveals on hover or click.
- Button Position: Display the button before or after the content.
- Transition Duration: Control the speed of the reveal effect.
Style Options
- Background & Borders: Customize the background color, borders, and border radius of the reveal box.
- Typography: Adjust fonts for titles and content text.
- Box Shadow: Add shadows for a layered look.
- Button Styles: Modify button colors, hover effects, and alignment.
Advanced Settings
- Custom CSS: Assign a unique CSS ID for additional styling.
- Alignment: Adjust the alignment of titles, content, and buttons.
- Spacing: Fine-tune margins and padding for precise layout control.
Conclusion
The Content Reveal Widget is a dynamic way to present expandable content, keeping your website clean and interactive. With its comprehensive settings and customizations, it fits seamlessly into any design.