An empowering tool to boldly showcase your roster.
Using Advance Team Slider #
Make sure you have the Advanced Slider widget enabled from your Dashboard > Droit Addons > Elements. Advance Team Slider can be created with the help of our Advanced Slider widget.
Step 1 #
Let’s start by searching the Advanced Slider widget from the left-hand side menu, and dragging the widget to your preferred section.
Step 2 #
You have an advanced slider block in place.
Step 3 #
To add content to this block, click on the edit button on the right-hand side. From here you can Now add your content to your sliders from the content option. Here you can add different Droit widgets to create unique content for your website.
Step 4 #
For this example I am placing the Droit Team Pro widget, to create a team’s slider.
Step 5 #
Now click on the left-hand side column menu to create as many team columns as you need.
Step 6 #
So, you have created the required number of columns. Click on the team column and you will get the layout option, from here you can add the layout mode of your team showcase.
Step 7 #
Now start editing them with content. Click on each team member to add name, designation, short description, Image.
Step 8 #
From the Social option you can add personalized social media links with icons for each team member.
You can add as many social media icons as you want for each team member.
Step 9 #
Now move over to the Style tab to further customize your team showcase. Starting with the General option.
From here you can add margin, padding, background, image, and more.
Step 10 #
From the image option you can further set the images to your preference.
Step 11 #
From the designation option you can add typography and margin to each team member’s designation.
Step 12 #
You can also add typography to your titles.
Step 13 #
Now for the most important part of your slider block, close the Droit Editor Area and move over to the Advanced Slider’s Settings option.
From here you can set autoplay, delay to autoplay, vertical scrolling, loop, pagination, spacing, effect, and enable mouse hover for your slider block.
Live Copy & Paste #
You can follow all the steps above and create your Advance Team Slider section, or if you’re interested in skipping some steps, you can visit Advance Team Slider widget’s live demo page and simply copy one of three preset styles from the Live Copy button. And paste it in your preferred section.