With this widget, you can showcase your team members in a modern and stylish way. On hover, it reveals their name and designation, and on click, it smoothly slides down to display more details all within the same card.
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 Team with Sliding Info widget.
How to Activate the Team with Sliding Info 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 Team with Sliding Info Widget in Elementor?
Add the Team with Sliding Info widget to the page.
Content
Once you add the widget, by default, you’ll see four repeater items under the Items section. Open one item.
From the Select Image section, you have to choose an image to see the sliding info effect.
In the Name section, you have to add the name of the team member.
From the Designation section, you have to add the designation of the team member.
From the Description section, you have to add the details of the team member. which will be visible in the popup.
In the Tel section, you can add the contact number of the team member, which will be visible in the pop-up.
In the Email section, you can add the email address of the team member, which will also be shown in the pop-up.
Then you can add up to three icons or SVGs to add social media links for the team member that will show in the popup.
You can add individual icons or SVGs and links for each.
Then, you can click the + Add Item button to add more team members.
Extra Option
From the Alignment section, you can align the team member’s name and designation for responsive devices.
You can set the number of columns for the Team Member items separately for desktop and tablet devices using the Desktop Column and Tablet Column sections, respectively.
Then, from the Style tab, you can further customize the style of the Team with Sliding Info.