In this documentation, we will show you how to customize the Category Carousel widget presented by the Ultimate Post Kit add-on.

Inserting Category Carousel Widget

Search by the Category Carousel widget name, then drag and drop it inside your page.

The default view of the Category Carousel

This Category Carousel displays Category, and Posts Numbers along with Feature Images, and Arrows.

Content Tab Customization

Layout Section

Go to Content > Layout

Find the Skin and Columns options.

Also find the Item Gap, Item Height, and Image Size options.

Query

Go to Content > Query

Find the Taxonomy, Order By, Order, Exclude, and Parent Options.

Note: Parent field lets you show only categories belonging to the specified parent categories.

Additional

Go to Content > Additional

Find the Show Image, Show Count, Show Text, Count Label, and Item Match Height options.

Navigation

Go to Content > Navigation

Find the Navigation (Arrows, Dots, Arrows & Dots, Arrows & Fraction, and Progess), Arrows and Dots Position, Dynamic Bullets, Arrows Icon (23 icons), and Hide Arrows on Mobile options.

Carousel Settings

Go to Content > Carousel Settings

Find the Direction option.

Also find the Layout, Autoplay, and Autoplay Speed, Pause On Hover, Slides to Scroll, Center Slide, Grab Cursor, Loop, and Animation Speed Options.

Style Tab Customization

Item Section

Go to Style > Item

Find the Background Type, Overlay Color, Padding, Margin, Border Type, and Radius options in Normal subsection.

Then also find the Background Type, Overlay Color, and Border Color options in Hover subsection.

Content Section

Go to Style > Content

Find the Background Type, Color, Padding, Margin, Border Type, Radius, and Box Shadow options in Normal subsection.

Find Border Color and Box Shadow options in Hover subsection.

Category Section

Go to Style > Category

Find the Color, Margin, and Typography options in Normal subsection.

Then also find the Hover Color option.

Count Section

Go to Style > Count

Find the Color and Typography options in Normal subsection.

Then also find the Color option in Hover subsection.

Navigation

Go to Style > Navigation

ARROWS

Find the Color, Background, Border Type, Border Radius, Padding, Size, and Space Between Arrows options in Normal subsection.

Then also find the Color, Background, and Border Color options in Hover subsection.

DOTS

Find the Color, Space Between, Width, Height, Border Radius, and Box Shadow Options in Normal subsection.

Then also find Color, Width, Height, Border Radius, Alignment, and Box Shadow Options in Active subsection.

OFFSET

Find the Arrows Offset and Dots Offset Options.

Video Assist

Watch the Category Carousel video tutorial here. Please visit the demo page for examples.

Thanks for being with us.