E.Slider elementor addons slider

E.Slider is a elementor addons slider WordPress. This is an addon used to create the slider in Elementor Page buider. By dragging and customizing You can create sliders in any design Unlimited design with two types of sliders: Standard and Hero Slider.

This tutorial will guide you through the process of customizing Slider widget, one of the widgets that E.Slider Addons offers.

• Created date: February 28, 2020
• Update date: February 28, 2020
• Author: themesflat

Thank you for trusting and buying our E.Slider Before you get started, Please read carefully the user manual

Standard Slider ( TF E Slider )

How to use E.Slider Standard (Wath video)

Step 1 — Find the TF E Slider widget and drop it into a new section.

Step 2 — General Setting Navigate to the Content > General block,

This is where you can customize Height Slider, Background Effect, Background Size, Background Possition, infinite loop duration for Standard Slider

Step 3 — Arrow Setting Navigate to the Content > Arrow Setting block,

This is where you can customize On/Off Arrow, Select Icon for Prev, Next, Style, Size, Possition, Backgroud, Background Hover ..

Step 4 — Bullets Setting Naigate to the Content > Bullets Setting block,

This is where you can customize On/Off Bullets, Size, Possition, Backgroud, Background Hover ..

Step 5 — Buttons Setting Navigate to the Content > Buttons block,

This is where you can add buttons for slider, Customize buttons according to the design, Content, Style, Add icon, Background, background Hover, Border, Border Radius ..

Step 6 — Create Slider Navigate to the Content > General > Item #1 block,

This is where you can add Images, Layer Text Title, Subtile, Desciption, Buttons, And set amination for images slider,set delay, animation for each layer

Create SLider #1

Create Content Images Layer for slider

Add and customizer Layer Images

This is where you can add layer images, E.Slider Standard alow up to 5 imagaes layer, you can customizer width, height, possition, delay and animation for layer. This is very powerful functions to create perfect slider. You can see demo about this function at here

Step 7 — Style Navigate to the Style > General, Color, Typography, Spacing block,

This is where you can change style for General, Alignment, Color, Typography, Spacing, Base this function you can create slider pixel perfect designat here

Style color

Style Typography

Style Spacing

Hero Slider ( TF Simple Slider )

You can create sliders with text scrolling and typing combining prefix and suffix function setting custom height or full screen and 23 effects for background, set duration, the background overlay and pattern overly 09 styles.Read the Documentation to explore

How to use E.Slider Hero Slider (Wath video)

Step 1 — Find the TF Simple Slider widget and drop it into a new section.

Step 2 — General Setting Navigate to the Content > General block,

Step 3 — Scroll AnchorNavigate to the Content > Scroll Anchor block,

This function allows users to create an anchor scroll to any section. set by enter the section id into the anchor, Beside, you can style your buttons, on/off animation for button scroll

Step 4 — Slider ContentNavigate to the Content > Slide content block,

This function allows users to create content include Prefix, Suffix, Title, Sub Title, Description and special Animation for heading

Animation for heading

• Typing
• Scroll Ling

Create content for hero slider

Step 5 — Buttons Setting Navigate to the Content > Buttons block,

This is where you can add buttons for slider, Customize buttons according to the design, Content, Style, Add icon, Background, background Hover, Border, Border Radius ..

Step 6 — Images Setting Navigate to the Content > Images slide block,

This is where you can add images for slider. Special compact with 09 style pattern overlay and background over sure make slide great

Step 7 — Style Navigate to the Style > General, Title, Subtitle, Description block,

This is where you can change style for General, Alignment, Color, Typography, Spacing, Base this function you can create slider pixel perfect designat here