Glider - Slideshow Carousel and Slider for Elementor

WordPress plugins Documentation

The Glider is a slider creating widget for the Elementor Builder. It is easy to use and flexible widget that can make your site more engaging and interactive. Clear settings allow you to configure the slider and get the desired result in a short time.

The Glider is fully responsive and supports touch and swipe navigation as well as mouse drag for desktops. It even accelerates to keep up with your pace when you click through previous and next navigation. All animations are hardware accelerated for a smoother performance.

The slider supports two types of display to suit all your needs and wishes. Besides, you are not limited in the description for each slide and can add custom content using the TinyMCE editor easily. This is a great opportunity to display almost any information you want in the slider.

Perfect for Popular Elementor Themes
Custom content above a Slide
Clean and clear code
Different kind of navigation
Smooth animation
Two Slide Layouts
Control over animation and scrolling
Perfect for crafting websites in Elementor
Cross-Browser Support
Suitable for all kind of Layouts and Template

The Glider has very flexible settings. You can change the colors, fonts, background, borders, paddings, and margins for the text, manage the slider height and select the type of navigation. All this can be configured directly from the Elementor’s interface and does not require additional code knowledge.

Glider for Elementor is exceptionally compatible with all modern browsers. It does not matter which browser users view your site: Chrome, Firefox, Opera, Safari, or Edge. Everything will look great on all devices and in all browsers.

Features of the Glider widget for Elementor

The plugin installation takes only a few seconds. Also, you do not need to make any additional settings. The plugin is ready to work immediately after installation – you only need to install and activate it in WordPress. Read more about capabilities and settings in the Online Documentation.

Installing the WordPress plugin is quick and straightforward. After you have downloaded the archive with the plugin, you will see the file with the plugin inside. Unzipped purchased the product you will see inside the archive with the plugin pluginname.zip There are two ways to install it:

Installation of the Plugin through the WordPress Admin panel ( Recommended for most users )

STEP 1

First of all, open WordPress admin area login page and login in into WordPress as Admin. To do this visit http://yoursitename/wp-admin

STEP 2

Go to Plugins > Add New

Add New Plugin to WordPress
Add New Plugin to WordPress
STEP 3

Click Upload Plugin Button

Upload New Plugin to WordPress
Upload New Plugin to WordPress
STEP 5

Choose archive with Plugin and press Install Now Button

STEP 6

After Installing go back to the Plugins page and click Activate below plugin title

Activate Installed Plugin

Installation the plugin through FTP or build-in File manager

STEP 1

Use Login and Password to connect to your web-server via FTP or use your hosting file manager.

STEP 2

Upload archive with plugin to /wp-content/plugins

STEP 3

On next step Unzip the archive with the plugin

STEP 4

Installing WordPress Plugin is almost finished. Go to the Plugins page and click Activate below plugin title. You can find out your username and password on the website of your hosting provider.

Activate Installed Plugin

After installing and activating the plugin, you can go to settings of the Plugin. Also, you can read more helpful articles about WordPress Themes and WordPress Plugins.

The Glider is a slider creating widget for the Elementor Builder. It is easy to use and flexible widget that can make your site more engaging and interactive. Clear settings allow you to configure the slider and get the desired result in a short time.

For further work, you need the Elementor to be installed on your site. You can download from wordpress.org

Open or create a page using Elementor to start using the Glider Elementor widget. You will find the widget at the end of the general section.

Glider Elementor widget

Drag it into the editor to start customizing. In the left pane of the editors, you can customize the widget to the style of your site. Each of the tabs presented a specific group of settings:

Content Tab

On the Content tab of the Glider Elementor widget, you can manage the general slider settings and each slide content.

SKIN

The slider supports two types of display with personal settings.

When choosing the Overlay skin, such options are available:

Background Type of the Overlay skin

When choosing the Cards skin, such option is available:

ADD ITEM BUTTON

The button adds slides for the slider, where you can insert images, text or other custom content for each of the slides.

The slide settings of the Glider
RANDOM ORDER

The toggle to enable/disable random order of slides in the slider.

Style tab

On the styles tab of Glider widget, you can configure everything related to the visual style of elements: colors, typography, backgrounds, gradients, and more.

Card Section

The section settings are available only if the Card Skin is selected in the Content tab. You can manage the background, border types and Border Radius of the cards.

Title Section

There are many options in the section to change the style of the title and create your own design. Apply if the Title in the Сontent field is selected in the slide settings.

Color

Specify the font color and opacity for the text of the current block using the color picker.

Font color settings of the Title

Typography

This group of settings controls everything about typography: font-size, font-weight, and other parameters.

Typography settings
Typography settings of the Title

Text shadow

This setting creates a shadow from the text and it can be adjusted according to your needs specifying color, blur, horizontal and vertical shift.

Text shadow settings of the title text

Margin

This setting allows managing the margin of the title block in different units(px, em, %) for desktop, tablets or phones.

Margin settings of the title text

Padding

This setting allows managing the padding of the title block in different units(px, em, %) for desktop, tablets or phones.

Padding settings of the title text

Background Type

This setting changes the background of the title block. You can choose a color, gradient, or background image.

Border Type

Select one of the available border types (solid, double, dotted, dashed, groove) for the current title block and adjust the width, color, and radius according to your needs. Pick “None” to remove the border.

Title border types of the title block

Content Section

There are many options in the section to change the style of the content and create your own design. Apply if the Custom Content in the Сontent field is selected in the slide settings.

Columns Section

The settings allow you to adjust the adaptability of the slider for different devices.

Navigation Section

The settings allow adjust the type of navigation of the slider and select a display location.

Slidenav Options

Defines navigation with previous and next buttons to flip through items.

Dotnav Options

Create dot navigation to operate items or to scroll to a different set.

Height Section

The setting allows selecting the way to set the height of the slider. There are 3 options available: AutoViewportCustom. The height will adapt automatically based on its content. Alternatively, the height can adapt to the height of the viewport.

Animations Section

Advanced Tab

The settings in the advanced tab Glider Elementor widget allow you to flexibly configure everything that relates to the design of the plug-in wrapper. The settings on this tab are entirely similar to the native Elementor widgets and will be convenient for experienced users of the Elementor. Learn more about Advanced Tab settings from Elmentor’s official documentation.

Save changes

Do not forget to save changes after completing the widget setup. To do this, click on the Update button at the bottom of the page.

Update page in the Elementor
Update page in the Elementor

Hosting for Elementor websites

Fast and reliable hosting is significant for any WordPress site. We recommend all our customers use SiteGround WordPress Hosting. Many unique settings and features make this hosting the number 1 for WordPress: Free Website Transfer, Staging Tools, Free SSL, CDN, and much more for 3.95/mo.