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

Inserting Iconic Slider Widget

Search by the Iconic slider widget name, then drag and drop it.

Default view of the Iconic Slider

This Iconic Slider displays the post Date, Title, readmore Button, Category, Text, Pagination, Arrows, and a broad Feature Image. The layout places these elements in nice proportions while boosting the user experience.

Content Tab Customization

Layout Section

Go to Content > Layout

Find the Height, Content Alignment, Image Size, Title and Title HTML Tag, Show Category, Show Text, and Text Limit options.

Then Find the Strip Shortcode, Read More and Readmore Text, Date, Human Different Time, ShowTime, Reading Time, Show Pagination, and Show Arrows 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, OrderBy, Order, Ignore Sticky Posts, and Only Featured Image Post options.

The Query ID field is for applying custom queries on WordPress.

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

Slider Section

Go to Style > Slider

Find the Overlay and Background Type (Classic > Color and Gradient > Colors) options.

Top Content Section

Go to Style > Top Content

Find the Padding, Margin, Width, and Max Width options.

For the Title subsection, find the title Color, Hover Color, Margin, Typography, and Text Shadow Options.

For the Date subsection, find the text Color, Background Type, Color, Border Type, Border Radius, and Typography options.

Bottom Content Section

Go to Style > Bottom Content

Find the Padding and Margin options.

For the Text subsection, find the Color, Typography, and Spacing options. Also, find the Background Type and Height options for the Line beside the text.

For the Category subsection, find the text Color, Background Type, Color, Border Type, Border Radius, Padding, Margin, Space Between, Box Shadow, and Typography options. Also, find the text Color, Background Type, and Border Color for Category Hover.

For the Button subsection, find the text Color, Background Type, Color, Border Type, Border Radius, Padding, Size, Box Shadow, and Typography options.

Also, find the text Color, Background Type, and Border Color options for button hover.

Navigation Section

Go to Style > Navigation

You can find the Arrows Icon (23 icons) option at the top. Then in Normal subsection, find the icon Color, Background Type, Color, Border Type, Border Radius, Padding, Margin, Space Between, and Size Options.

The Hover subsection has icon Color, Background Type, and Border Color options available.

Pagination Section

Go to Style > Pagination

Find the Color, Typography, and Margin options.

Video Assist

The Iconic Slider widget video tutorial coming soon. Please visit the demo page for examples.

Thanks for being with us.