In this guide, we will show you how to add a “Caption Reveal Content Box widget” to your Elementor website. The Caption Reveal Content Box widget makes it easy to showcase images or other content with a modern zoom-and-reveal caption effect, boosting visual appeal and interactivity. Perfect for engaging your audience and enhancing your website’s design, this powerful widget allows you to customize captions, layouts, and other elements to match your site’s style seamlessly.
Let’s explore the customization options available in the “Caption Reveal Content Box widget” for Elementor below.
Add a Caption Reveal Content Box to Elementor
This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.
Add a Caption Reveal Content Box Widget to an Elementor Page
Elementor Caption Reveal Content Box Widget General Settings
Image
Select or upload the main image for the content box.
Image Size
Choose the displayed image size to balance quality and loading speed.
Thumbnail
Medium
Medium Large
Large
Full
Custom
Caption
Enter text shown as a caption on hover or interaction.
Enable Full Box Link
Makes the entire content box clickable.
RTL
Enables right-to-left text direction for certain languages.
Transition Duration (ms)
Sets how fast the caption reveal animation plays.
Show Content on Breakpoint
Displays the caption by default on specific screen sizes.
Elementor Caption Reveal Content Box Widget Style Settings
Height
Sets the overall height of the content box.
Align
Controls horizontal alignment of the content.
Left
Center
Right
Caption Position
Sets where the caption appears within the box.
Top
Middle
Bottom
Border Type
Defines the style of the content box border.
Default
None
Solid
Double
Dotted
Dashed
Groove
Border Radius
Controls the roundness of the box corners, with options for individual or linked sides.
Box Shadow
Adds a shadow effect with controls for color, blur, spread, and position.
Caption Padding
Sets inner spacing between the caption text and its container edges, adjustable per side or linked.
Caption Margin
Sets outer spacing around the entire caption element, adjustable per side or linked.
Caption Radius
Controls the roundness of the caption background box corners, adjustable per side or linked.
Caption Background Color
Sets the background color of the caption in its normal state.
Caption Background Color Hover
Sets the caption background color on hover.
Caption Border Type
Defines the style of the border around the caption box.
Default
None
Solid
Double
Dotted
Dashed
Groove
Caption Shadow
Adds a shadow effect to the caption box with customizable color, blur, spread, and position.
Caption Reveal Content Box Widget Design Examples For Elementor
Here are some live use cases for the Caption Reveal Content Box widget.
Zoom Caption Reveal Content box for services Section.
Zoom Caption Reveal Content for Category Section.
Thank you for using the Caption Reveal Content Box widget for Elementor! This powerful tool lets you display information with a sleek zoom-and-reveal caption effect, enhancing visual engagement and interactivity. With customizable elements like captions, layouts, and styles, it fits perfectly into your website’s design and helps you showcase content in a modern, eye-catching way. For questions or inspiration, feel free to reach out or explore our demo.
