Advance Team Slider

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.

Elementor page builder

Step 2 #

You have an advanced slider block in place. 

Elementor page builder layout menu

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.

Elementor page builder layout menu

Step 4 #

For this example I am placing the Droit Team Pro widget, to create a team’s slider. 

Droit Editor area

Step 5 #

Now click on the left-hand side column menu to create as many team columns as you need. 

Elementor column menu

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.

Layout settings tab

Step 7 #

Now start editing them with content. Click on each team member to add name, designation, short description, Image.

Team Pro widget's content tab

Step 8 #

From the Social option you can add personalized social media links with icons for each team member. 

Team Pro widget's social tab

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.

Team Pro widget's general style settings tab

Step 10 #

From the image option you can further set the images to your preference. 

Team Pro widget's image settings tab

Step 11 #

From the designation option you can add typography and margin to each team member’s designation.

Team Pro widget's designation settings tab

Step 12 #

You can also add typography to your titles. 

Team Pro widget's title settings tab

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. 

Advanced Slider widget's settings tab

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.

Advanced Slider live demo page
Elementor page builder

That’s it.

Powered by BetterDocs