Post Slider Element

Last Update: February 15, 2023

Avada’s Post Slider Element can be set to automatically pull your blog posts, titles and excerpts into a sleek and modern slideshow. It includes configuration options such as layout, categories, etc. The example below is displaying the latest posts from our blog.

For privacy reasons YouTube needs your permission to be loaded.
I Accept

How To Use The Post Slider Element

The Post Slider Element allows you to add a Post Sliders to your content, in a variety of layouts. To start, add the element into your desired column.

The Layout option is the first option, and here you control the appearance of the post slider. There are three layouts to choose from, including Posts with Title, Posts with Title and Excerpt, and Attachment Layout, Only Images Attached to Post/Page.

With the first two layouts, the next thing to do is choose the categories and number of slides you want to display, and the number of words for the excerpt if you choose that layout, but with the third layout option, you add individual images to your page to show in the slider.

There are 3 different Post Slider layouts to choose from:

  • Post With Titles – Displays your post’s title over a featured image.
  • Post With Excerpt & Titles – Displays post’s title and excerpt over a featured image.
  • Attachments (Images Only) – Displays images uploaded to page or post.

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, and so the options screen may look somewhat different.

HeadingDescription
LayoutChoose a layout style for Post Slider.
Attach Images to Post/Page GalleryTo add images to this post or page for attachments layout, navigate to "Upload Files" tab in media manager and upload new images.
Excerpt Number of WordsInsert the number of words you want to show in the excerpt.
CategoriesSelect categories of posts to display or leave blank for all.
Number of SlidesSelect the number of slides to display.
Image LightboxOnly works on attachment layout. Lightbox must be enabled in Global Options or the image will open up by in the same tab by itself. Current value set to Yes.
MarginEnter values including any valid CSS unit, ex: 4%.
Element VisibilityChoose to show or hide the element on small, medium or large screens. You can choose more than one at a time. Each of the 3 sizes has a custom width setting on the Responsive tab in the Global Options.
CSS ClassAdd a class to the wrapping HTML element.
CSS IDAdd an ID to the wrapping HTML element.

In this article