Avada Slider Element


The Avada Slider Element (formerly Fusion Slider Element) is a simple Element, designed so you can 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, or watch the video for a visual overview.


Add an Avada Slider Anywhere

The Avada Slider Element allows you to place an Avada Slider anywhere in your content!

Simply add the element into a column, and choose the slider you wish to use. Simple!

View Element Demo Page!

How To Use The Avada Slider Element

The Avada Slider Element allows you to place Avada sliders anywhere on your site.

Step 1. Ensure Avada Builder, or Avada Live is active.

Step 2. Create, or choose the Column you wish to add the Element into. Click on Add New Element.

Step 3. Choose Avada Slider from the Elements List.

Step 4. Using the Avada Slider Element couldn’t be easier. Once you have selected which column you’d like to place the slider into, 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.

Step 5. Once you have added your slider, Save your page.

Read below for a detailed description of all element options.

Element Options

Location: The edit screen within each Element.

You can deploy as many individual Elements in pages and posts as you need, there is no limit. Within each of the Elements, you will see a tab or tabs that house an array of options that make it possible for you to configure each Element independently, and greatly enhance your flexibility and creative options.

  • 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 – Set to Yes if you want to make slider full screen height. Otherwise it will use the dimensions in the Slider.

  • Full Height Offset – The slider offset, to account for the header with full height sliders. Accepts both pixels and CSS selectors. If you’re using a traditional opaque header above the slider, you can place .fusion-header-wrapper in the Full Height Offset field, or you can use the pixel height of your header.

  • Element Visibility – Allows you to select the screen sizes to show or hide the element in. You can choose one or more settings. Choose from Small Screen, Medium Screen, or Large Screen.

  • CSS Class – Allows you to add a class to the wrapping HTML.

  • CSS ID – Allows you to add an ID to the wrapping HTML.

View The Options Screen

Global Options

There are no Global Options for the Avada Slider Element.