How to use Atlas Slider Widget by Ultimate Post Kit

Atlas Slider is one of the best sliders to show the post item differently. It has a slider option with a sidebar. So let’s get started with it.

Inserting Atlas Slider

Inserting a widget is an easy task. Open the page in Elementor editor, search for the widget, and then drag the widget and drop it on the page.

Default view of the Atlas Slider

As you see in the screenshot above, this is the default view of the Atlas slider. Showing the Main post which slides, and the sidebar of the relevant category.

Explore the Content Tab of Atlas Slider

Layout Customization

Go to Content > Layout

In the layout section has only one option, here you can select the Image Size option only.

Query Section Customization

Go to Content > Query

In the Query section, You can set Item Limit and select Sources of the displayed items by the slider. Here you can select the Posts or other types that you want to show with the slider.

The Include filter lets you display only specific posts by their categories, tags, author, etc. Exclude filter is exactly the opposite.

Also, use sorting options such as Offset, Date, Order By, and Order.

Set Additional Settings

Go to Content > Additional

In the additional section, you will see several switchers enabled by default. We have enabled the Title with (H3) Heading Tag, Category, Author, and Comments for the posts.

Also selected Separator, enabled the Scrollbar on the right side, and Date. Other switchers are Reading Time, Human Different Time, and Show Time.

Set Slider Settings

Go to Content > Slider Settings

Here, find the Autoplay, Autoplay Speed, Pause on Hover, Grab Cursor, Loop, Animation speed, and Observer options.

Customization with Style Tab

Play Button Customization

Go to Style > Play Button

Set Size, Icon Size, Icon Color, Background Color, Border, Border Radius, and Padding.

Note that, there are Hover options available for the colors.

Title Customization

Go to Style > Title

Here, find the Color, Typography, and Advanced Style options.

Enabling the Advanced Style switcher shows more options to customize, such as the Background Type, Text Shadow, Border Type, Border Radius, Box Shadow, and Padding.