In this guide, we will show you how to add the “Glowing Content Card widget” to your Elementor website. The Glowing Content Card widget adds an interactive glow hover effect to your content cards that responds to mouse movement, making them stand out with a stunning, motion-aware highlight. Perfect for drawing attention and creating an eye-catching design, this free widget from Unlimited Elements lets you easily customize the glow’s border, inner area, and overall style.
Let’s explore the customization options available in the “Glowing Content Card widget” for Elementor below.
Add a Free Glowing Content Card to Elementor
Add a Free Glowing Content Card Widget to an Elementor Page
Elementor Glowing Content Card Widget General Settings
Show Graphic Element
A toggle switch to display a graphic element.
Show Title
A toggle switch to display the title.
Title Wrapper
Select the HTML tag to wrap the title (e.g., div, h1, h2, etc.).
Show Description
A toggle switch to display the description.
Show Button
A toggle switch to display the button.
Show Badge
A toggle switch to display a badge.
Elementor Glowing Content Card Widget Style Settings
Box Background
Set the background color for the content box.
Alignment
Set the alignment of the box content.
Box Border Radius
Adjust the roundness of the box corners.
Box Padding
Adjust the internal spacing of the box.
Box Shadow
Add a shadow effect to the box.
Border Glow Color 1
Set the first color for the border glow effect.
Border Glow Color 2
Set the second color for the border glow effect.
Border Glow Color 3
Set the third color for the border glow effect.
Border Color
Set the color of the box border.
Width
Adjust the width of the graphic element.
Height
Adjust the height of the graphic element.
Icon Size
Adjust the size of the icon within the graphic element.
Background Color
Set the background color for both "Normal" and "Hover" states.
Color
Set the color of the graphic element for both "Normal" and "Hover" states.
Border Type
Select the style of the border for the graphic element.
Default
None
Solid
Double
Dotted
Dashed
Groove
Border Radius
Adjust the roundness of the corners for the graphic element.
Box Shadow
Add a shadow effect to the graphic element.
Description Padding
Adjust the internal spacing of the description.
Description Typography
Adjust the font, size, and other typography settings for the description.
Spacing
Adjust the spacing around the description.
Color
Set the color of the description.
Text Shadow
Add a shadow effect to the description.
Glowing Content Card Widget Design Examples For Elementor
Here are some live use cases for the Glowing Content Card widget.
Glowing Card Widget for Continor.
Glowing Card for Team.
Thank you for using the Glowing Content Card widget for Elementor! This creative tool adds an interactive glow hover effect that responds to your mouse position, with both the border and inner area lighting up dynamically for a stunning, motion-aware highlight. With its eye-catching design, customizable glow settings, and seamless integration from Unlimited Elements, it’s perfect for making your content cards stand out and grab attention. For questions or inspiration, feel free to reach out or explore our demo.