How to Create a Fusion Slider (Avada)

Question

Accepted Answer

The Avada theme has a built in slider (Fusion Slider). Here’s the difference between a “slider” and a “slide” and how to edit or set one up. To read Avada's full documentation on all the specific slide/slider settings, click here.

Slider: this is the collection of slides that you assign to a specific location. You must create the slider first.Slide: this is one panel that you assign to a specific slider (can be assigned to more than one slider).

Create a Fusion Slider

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/Ed4jBnnRiB/resources/Nvir4atzRU/fusion-sliders.jpg (fusion-sliders.jpg)

Log in to your WordPress dashboard.
Navigate to Fusion Slider > Add or Edit Sliders tab on the left sidebar.
Give your slider a name by entering it in the ‘Name’ field (Example: Product Testimonials).
Shortcode is usually the same as the name and allows the slider to be used as a shortcode in a page or post. (Example: product-testimonials).
Under the ‘Slider Size’ option, enter your slider’s width and height (default settings will result in average slider dimensions).
Check the ‘Full Screen Slider’ checkbox if you want it to fill the entire screen (before scrolling).
Customize other options as desired (parallax, navigation options, autoplay, slide loop, animation, etc.)
Click ‘Add Slider’ button at the very bottom to save your slider.

Create a Fusion Slide

Once you’ve created a Slider, you can now create Slides to assign to any existing Slider. Slides are where you create your and upload your content to be displayed on the Slider.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/Ed4jBnnRiB/resources/IVps4beuLg/fusion-add-new-slide.jpg (fusion-add-new-slide.jpg)

Navigate to Fusion Slider > Add or Edit Slides tab on the left sidebar.
Click the ‘Add New Slide’ button at the top of the page.
Give the slide a descriptive name (Example: John Doe Testimonial).
Enter your heading (large text), and/or captions (small text).
Choose heading/caption background color, if any (helpful if you have a busy background image).
Choose to link a button, or full slide if you want the user to click anywhere.
In the Button #1 or Button #2 box, paste the link the the slider button should go to between the quotation marks after 'fusionbutton link=.
On the right, click Featured Image and upload or choose the background image.
To assign the slide to a slider, check the box next to the slider name in the Fusion Sliders option box in the right sidebar. Any slide you create can be assigned to any slider.
Click the ‘Publish’ button to save the slide.

Edit Fusion Slider

If you want to slow down the slide time or adjust the color of the pagination circles on an existing slider, you'll click Edit underneath the slider name.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/Ed4jBnnRiB/resources/UOxCVY1n8R/fusion-slider-edit.jpg (fusion-slider-edit.jpg)

Navigate to Fusion Slider > Add or Edit Slides tab on the left sidebar.
Find the slider you want to edit on the right, and click Edit underneath.
Make your changes to the height, slide time, etc. then scroll down and click Save.

To read Avada's full documentation on all the specific slide/slider settings, click here.

How to Create a Fusion Slider (Avada)

Not many results?

Support Request