How Can We Help You?

Advanced Team Member

How To Use An Advanced Team Member Of UBE Addons

Advanced Team Member helps to display multiple Image boxes at the same time in a grid or slider layout.

Using Advanced Team Member:

You can see the below video to get an insight into how you can use the Advanced Team Member Widget to create beautiful designs. Or you can follow the documentation whichever you find convenient.

How to Activate Advanced Team Member

To use this UBE Addons element, find the Advanced Team Member‘ element from the Search option under the ELEMENTS tab. Simply just Drag & Drop the Advanced Team Member into the Drag widget here‘ or the ‘+’ section.

How to Configure Content Settings

Under the ‘Content’ tab, you will find the Advanced Team Member sections.

Layout

LayoutChoose the available layout of the Team Member
SliderWhether to display as a slider or not

Items

Each item includes:

Choose ImageChoose an image from the library
Image SizeChoose the size for the image
NameEnter the name of the member
PositionEnter the member’s position
LinkEnter the member’s link
DescriptionEnter a short description of the member
SocialEnter one social per line. Icon class & url separator with |. For eg: fab fa-facebook|https://facebook.com

 

Grid Option

Grid Options are visible only when Slider is off.

ColumnsEnter the number of columns, you can choose the number of columns according to each screen.
Columns GutterEnter the distance between columns
Row GutterEnter the distance between rows
Content PositionChoose the display position of the item vertically
Content AlignmentChoose the display position of the item horizontally

Slider Option

Slider Options are visible only when Slider is on.

Slides To ShowChoose the number of slides to display on 1 page. You can choose the number of slides corresponding to each responsive screen
Navigation ArrowAllows arrow navigation or not? Allow showing and hiding in each responsive screen
Navigation DotsAllows to display the navigation style dots or not. Similar to arrows, allows display in each screen responsive
Center ModeAllow center mode or not
Autoplay SlidesAllow autoplay or not
Autoplay SpeedSpeed of autoplay mode, this is only displayed in case Autoplay Slides is enabled
Infinite Loop Whether to allow unlimited loops or not
Transition SpeedThe speed of the transition moving between slides
Space Between Items The distance between slides
Content PositionChoose the display position of the item vertically
Content AlignmentChoose the display position of the item horizontally

How to Style Advanced Team Member

Switch to the ‘Style’ tab to style all the elements of Advanced Team Member.

Content

‘Content’ section lets you add Alignment, Text Color, Border Radius, Background Type, Border Type, Margin, Padding to the Team Member.

Image

‘Image’ section lets you add Margin, Border Radius, Image Width, Hover Effect to the image of Team Member.

Name

‘Name’ section lets you add Text Color in hover and normal mode, Typography, Spacing to the Name of Team Member.

Position

‘Position’ section lets you add Text Color, Typography, Spacing to the Position of Team Member.

Description

‘Description’ section lets you add Text Color, Typography, Spacing to the Description of Team Member.

Navigation Arrows

‘Navigation Arrows’ section lets you choose Arrow Position, Color, Background, Border in Normal and Hover. It allow you change type of arrow is classic or outline, size of arrows.

Navigation Dots

‘Navigation Dots’ section lets you choose Dots Position, Color, Size.

 

Slider Item

‘Slider Item’ section lets you choose Same Height, Padding; Border Type, Border Radius, Box Shadow, Background Color in normal and hover mode to the Slider Item.

Grid Item

‘Grid Item’ section lets you choose Padding, Border Type, Border Radius, Box Shadow, Background Color to the Slider Item.

Final Outcome

By following these mentioned steps and a bit more modifying & styling, you can easily design your Advanced Team Member as per your preference.

By using UBE Advanced Team Member, this is how you can easily put the spotlight on your significant contents & make them appealing to your visitors.

Getting stuck? Feel to Contact Our Support for further assistance.

Contents