In this guide, we’ll show you how to add the “Sliding Icon Box widget” to your Elementor website. This interactive widget lets you display icons and text that slide into view on hover, creating a sleek and modern effect. Perfect for adding eye-catching calls-to-action, the Sliding Icon Box widget enhances user engagement with customizable layouts, icons, and content, all while keeping your site clean and stylish.
Let’s explore the customization options available in the “Sliding Icon Box widget” for Elementor below.
Add a Free Sliding Icon Box to Elementor
Add a Free Sliding Icon Box Widget to an Elementor Page
Elementor Sliding Icon Box Widget General Settings
Title
An input field where you enter the main heading or title for the icon box.
Description
A text area for adding a more detailed description or body text for the icon box.
Link
An input field that allows you to add a URL to which the entire icon box (or a specific part of it) will link when clicked.
Icon
Allows you to select an icon that visually represents the content or purpose of the icon box.
Elementor Sliding Icon Box Widget Style Settings
Icon Size
A slider and an input field that allows you to control the size of the icon graphic.
Icon Spacing
A slider and an input field labeled "Margin Bottom" are used to control the bottom margin of the icon, creating space between the icon and the element below it.
Icon Color
Provides options for a global color and a custom color selection.
Title Color
Allows you to set the color of the title text.
Title Typography
Offers options for a global typography style and a custom typography editor.
Text Color
Allows you to set the color of the descriptive text.
Text Typography
Offers options for a global typography style and a custom typography editor.
Sliding Icon Box Widget Design Examples For Elementor
Here are some live use cases for the Sliding Icon Box widget.
Sliding Icon Box with Custom Background.
Sliding Icon Box with Services website.
Thank you for using the Sliding Icon Box widget for Elementor! This free and dynamic tool lets you showcase icons with sliding text effects, creating engaging call-to-actions that elevate your site’s interactivity. With customizable layouts, icons, and content, it brings a sleek, modern feel to your design while keeping everything clean and visually appealing. For questions or inspiration, feel free to reach out or explore our demo.
