Slider Element
Last Update: January 12, 2026
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.
Watch the video below for a visual overview of the Element, view the Avada Slider Element page for live examples, and read on to see the full list of options.
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. See the How To Use The Avada Slider documentation and video for more information on that process. Then, add your 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, so the options screen may look somewhat different.
General
| Heading | Description | |
|---|---|---|
| Slider Name | Select the slider you want to use. The options will appear as the slider name next to the number of slides in brackets. | |
| Full Height | Makes slider full screen height. | |
| Full Height Offset | The slider offset. Accepts both pixels and CSS selectors. | |
| Margin | Enter values including any valid CSS unit, ex: 4%. | |
| Experiment Events | Select any available Avada Experiment events to this element. Note: if you are already using the selector to trigger this, no need to add here. | |
| Element Visibility | Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time. | |
| CSS Class | Add a class to the wrapping HTML element. | |
| CSS ID | Add an ID to the wrapping HTML element. |
Extras
| Heading | Description | |
|---|---|---|
| Conditional Rendering | Add conditional rendering logic for the element. The element will only be part of the post / page contents, if the set conditions are met. NOTE: Server cache can interfere with results. | |
| Dynamic Display | Show or hide this element dynamically based on real-time cart and wishlist state. Changes apply immediately without a page reload. NOTE: Server cache can interfere with initial visibility. |
