The team slider widget is a great tool to display your team members in the same web page area by using a slider.Each member item can have an avatar image, a name, but also a text area and a social accounts area.Choose between multiple layouts and customize everything from the slider settings to the style and design of the widget.
You can find the detailed options down below.
The team members content area is where you will set up your members list.You can add a member to the list by clicking on the add item button at the bottom of this section.For each item, you can change the following options :
Under the layout section, you will be able to change the layout style.Some styles offer you additional options which will give you even more control over the layout.
Under the styling tab, you will have full control over the styling of the text and social icons as well as the distances between the team slider elements.
Customize the text elements, author name, author info and about text.Change the font size, font family, line height...
-Colors : Customize the color of your text elements, with the possible use gradient color for the name.
-Shadow : You can apply a text shadow effect for the name to add more style and design.
Alternate the visual style for the social links icons.Change the sizes, margins, colors..
-Open link in : Choose if you want to open your social medias links in the same window or in a new tab.
-Sizes & Margins : Control the icons size and icons background size and change the margins values to control the space between the icons.
-Normal & Hover : Select which icon state you want to customize.Normal for the idle state and hover for when the icon is being hovered.Note that all the remaining options of this section will only affect the selected state.
-Hover Effect : This option will only available when the hover state styling is selected.You can pick from one of the many hovering animations available in the list.
-Color scheme : Enable / disable the social media default color schemes.Enabling this essentially means that each social media icon will have the default social media colors.For example, the Twitter icon will have the light blue color, the Facebook icon will have the dark blue color etc..
-Color : Choose a color for the social media icons.Note that this option will only be available if the color scheme option is disabled.
-Background scheme : Enable / disable the social media default color schemes.Enabling this essentially means that each social media icon background will have the default social media colors.For example, the Twitter icon background will have the light blue color, the Facebook icon background will have the dark blue color etc..
-Background: Choose a color for the social media icons background.Note that this option will only be available if the background color scheme option is disabled.
-Borders : Add borders to the icons with the possibility to control the style, width, and color.You can also change the border radius to change the icons shape.
Under the avatar styling, you can find the slider styling settings section.This section is going to be used to customize the slider design and to enable additional features.
You can enable and customize the slider navigation for the widget.
-Distance Between Dots
-Navigation Area Margins
Enable the slider arrows and change everything about their style and position.
To the right of the content and style tabs, you will find the settings tab.This tab is mainly going to be used to configure the functional settings of the slider and to change the slider behavior for tablets and phones.
-Adaptative Height & Center Mode
If you can't find what you are looking for any our documentation website, please feel free to open a support ticket & get help from our support team.