Featured Images Slider Element

Last Update: September 1, 2025

The Avada Featured Images Slider Element displays a single or multiple featured images from a post, page, or WordPress Custom Post Type (CPT) in a responsive, interactive slider.

Watch the video below for a visual overview of the Element, view the Avada Featured Images Slider Element page for live examples, and read on to see the complete list of options.

For privacy reasons YouTube needs your permission to be loaded.

How To Use The Featured Images Slider Element

The Featured Images Slider Element allows you to place featured images (either single or, if multiple, in a slider) anywhere on your WordPress page or post.

When you go to add this Avada Element in a Content Layout Section, the Element dialog opens in a new tab called Layout Elements. This is where you will find the Featured Images Slider Element. These dynamic Elements can only be placed once into a Layout, except the Pagination Element, which can be placed twice. You can also use the full range of Design Elements when building your Layout.

The Featured Images Slider Element can be placed anywhere in your Layout Section, and it will dynamically pull any connected Featured Image or images into the page, based on the settings in the Element and the Conditions set in the Layout. For example, you might choose a specific size and hover effect for the Featured Images Slider Element, and set the condition for the Layout to display only on Single Posts.

Element Options

Note: Please note that the displayed options 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.

General

HeadingDescription
Show First Featured ImageTurn on if you don't want to display first featured image.
Hover TypeSelect the hover effect type.
Image Size DimensionsDimensions in percentage (%) or pixels (px).
LightboxShow image in lightbox. Lightbox must be enabled in Global Options.
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.

Design

HeadingDescription
MarginEnter values including any valid CSS unit, ex: 4%.