With this widget, you can create a profile card with a beautiful hover effect.
Required Setup
- Elementor FREE Plugin installed & activated.
- You need to have the WDesignKit plugin installed and activated.
- Make sure you’ve created an account and logged into it.
- Make sure you’ve downloaded the Profile Card Hover Effect widget.
How to Activate the Profile Card Hover Effect Widget?
Go to
- WDesignKit → Widgets.
- Search the widget name and select Elementor as the Page Builder.
- Click on the Download icon.
How to Use the Profile Card Hover Effect Widget in Elementor?
Add the Profile Card Hover Effect widget to the page.
In the Title field, you can add the profile card title.
Then from the Sub Title field, you can add a subtitle.
In the Profile Image section, you have to add the profile image.
From the Icons section, you can add the icons to the profile card. By default, you’ll find one repeater item, open it.
You can add an icon from the Select Icon section.
In the Url field, you can add a link to the icon.
From the Tooltip Text field, you can add a tooltip text to the icon.
You can click on the +Add Item button to add multiple icons.
From the Style tab, you can customize the style further.
