Home/Documentation/Design Elements, Sliders/

Avada Slider Element

Last Update: February 24, 2023

The Avada Slider Element is a simple helper Element, to allow you to add an Avada Slider, not just above or below the Header, as you can already do with the Avada Page Options, but anywhere into your content. Read more about this handy Element below, and watch the video for a visual overview.

For privacy reasons YouTube needs your permission to be loaded.
I Accept

How To Use The Avada Slider Element

The Avada Slider Element simply allows you to place Avada sliders anywhere on your site. First create your Avada Slider, and add you slides at Avada > Sliders. Then, just add the Element to your desired Column.

Once the Element has loaded, you simply select your slider from the drop down list in the Element options panel. The only other options are a couple of Height options, and the visibility, CSS Class and ID field options.

Read below for a description of all element options.

Element Options

Note: The displayed option screens below show ALL the available options for the element. If you have Avada’s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.

HeadingDescription
Slider NameSelect the slider you want to use. The options will appear as the slider name next to the number of slides in brackets.
Full HeightMakes slider full screen height.
Full Height OffsetThe slider offset. Accepts both pixels and CSS selectors.
MarginEnter values including any valid CSS unit, ex: 4%.
Element VisibilityChoose to show or hide the element on small, medium or large screens. You can choose more than one at a time.
CSS ClassAdd a class to the wrapping HTML element.
CSS IDAdd an ID to the wrapping HTML element.

In this article