Avada Slider Element

23/07/2020

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.

Loading...

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!

For privacy reasons YouTube needs your permission to be loaded. For more details, please see our Privacy Policy.
I Accept
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 – Create a new page or edit an existing one.

Step 2 – Add a container then select your desired column layout.

Step 3 – Click the ‘+ Element’ button to bring up the Elements window. Locate the ‘Avada Slider’ element and click it to bring up its options window.

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, click Save. You will be returned to the edit page. You can preview the page to view the slider, and you can always edit the element again to make changes.

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.