In this documentation, we will show you how to customize the Snog Slider widget presented by the Ultimate Post Kit addon.

Insert Snog Slider

Open your page in the Elementor editor, search by the Snog slider widget name, then drag and drop it.

The default view of the Snog Slider

The Snog Slider displays the Category, Title, Arrows, Meta and Date, Featured Image, and Pagination.

Content Tab Customization

Layout Section

Go to Content > Layout

Find the Height, Content Width, Alignment, Image size, Title, and Title HTML Tag options.

Also find the Show Category, Show Text, Show Author, Separator, Show Read More, and Readmore Text options.

Then find the Date, Human Different Time, Show Time, Reading Time, Show Navigation Arrows, and Show Pagination options.

Query Section

Go to Content > Query

Find the Item Limit and Source (Posts, Pages, Landing Pages, FAQ, Portfolio, etc.) options.

Also, find the Include > Include By and Terms filters. Include filter helps show only selected posts.

Exclude filter does exactly the opposite of the Include filter and helps hide selected posts.

Then find the Offset, Date, Order by, Order, Ignore Sticky Posts, Only Featured Image Post, and Query ID options.

Slider Settings

Go to Content > Slider Settings

Find the Autoplay, Autoplay Speed, Pause on Hover, Grab Cursor, Loop, and Animation Speed options.

Style Tab Customization

Items Sections

Go to Style > Items

Find the Overlay (background & bend), Overlay Color, Background Type, Border Type, Border Radius, and Content Padding options.

Title Section

Go to Style > Title

Find the Style (underline/overline & middle underline/overline), Color, Hover Color, Padding Margin, Typography, and Text Shadow options.

Meta Customization

Go to Style > Meta

Find the Color, Hover Color, Space Between, Typography, and Margin options.

Category Section

Go to Style > Category

Find the Spacing options and then in Normal mode, find the Color, Background Type, Color, Border Type, Border Radius, Padding, Space Between, Box Shadow, and Typography options.

In Hover mode, find Color and Background Type options.

Navigation Section

Go to Style > Navigation

First, there is an Arrows Icon (23 icons) option at the top. In Normal mode, find the Color, Background Type, Color, Border Type, Border Radius, Padding, Margin, and Size options.

In Hover mode, find the icon Color and Background Type options.

Pagination Section

Go to Style > Pagination

Find the Color, Typography, Space Between, and Active Color options.

Video Assist

Video tutorial Coming Soon. Please visit the demo page for examples.

Thanks for being with us.

How to use Snog Slider Widget by Ultimate Post Kit

Table Of Contents