Home - Widgets - Team Slider

Team Slider

Preview Widget
Preview Widget
Getting Started
Content
Global Layout
Content Styling
Slider Styling Settings
Slider Settings

More Widgets

• Testimonial Slider
• Simple Images Slider
• Filter Showcase Images
• Block Quotes Slider

# Getting started

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.

Content

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 :

  • Avatar Image : Select or upload a photo for your member.
  • Author Name :  A text that represents the name of your team member.
  • Author Info : This text will be used to give some information about the team member.For example his position within the team.
  • About Text : This text can be used to give a description about the team member job or tasks.This can be a short paragraph or a long text depending on what you need.
  • Social Accounts : This section provide you with a list of social medias that you can use to link up the member social accounts.The linked accounts will appear next to the content text or on the overlay depending on which layout style you are using.The list has a great number of social medias and other popular platforms : Facebook, Twitter, LinkedIn, YouTube, Skype...

Layout

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. 

  • Layout Style : Choose a layout style from the options provided.Each style has a unique layout and design with different ways to display the content and social accounts area.
  • : Align your text inside the widget.The options available here are left, center, and right.Note that this option is only available for some of the styles and will only be displayed when they are active.
  • Background Color : Change the background color for the content or for the overlay depending on which style you are using.Note that this option is only available for some of the styles

Styling

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.

  • Text Content Styling

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.

  • Social Styling

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.

  • Distances : Control the margins & distances between all the widget elements including the social accounts icons section..

Slider Styling Settings

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.

  • Slider Navigation

You can enable and customize the slider navigation for the widget.

-

-

-Button Layout

-Navigation Colors

-Distance Between Dots

-Navigation Area Margins

  • Slider Arrows

Enable the slider arrows and change everything about their style and position.

-Enable Arrow Navigation
-Arrow Style
-Arrow Background Size & Background Radius
-Arrow & Background Color
-Arrow Position

Settings

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.

  • Slider Settings

General Settings

-Slider Type

-

-

-

-Adaptative Height & Center Mode

-Center Mode

Slides Settings

-Slides to Scroll
-Enable Opacity
-Enable Scale
-
Desktop Slider Settings, Tablet Slider Settings, Phone Slider Settings
-
-Break Point : This option is only available for the tablet and phone devices.Define at which width should the widget switch from the default slides to show value (desktop value is the default value) to the tablet/phone slides to show values.Same applies to the center mode if its enabled.
-

Get Help From Professionals

Can't find what you are looking for?

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.

Open a Ticket
Open a Ticket

WHO ARE WE ?

We are a group of talented WordPress developers & designers from Morocco our main goal is to create great products & provide the best services to our customers.

BOOSTER ADDONS

CREATIVE ELEMENTOR BUNDLE

FOLLOW US

Email : contact@certaindev.com

WebSite : Certain Dev

Made with love from Earth!

Certain Dev | all rights reserved © 2020