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
Go to Content > Layout
Find the Skin and Columns options.
Also find the Item Gap, Item Height, and Image Size options.
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.
Go to Content > Additional
Find the Show Image, Show Count, Show Text, Count Label, and Item Match Height options.
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.
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
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.
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.
Go to Style > Category
Find the Color, Margin, and Typography options in Normal subsection.
Then also find the Hover Color option.
Go to Style > Count
Find the Color and Typography options in Normal subsection.
Then also find the Color option in Hover subsection.
Go to Style > Navigation
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.
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.
Find the Arrows Offset and Dots Offset Options.
Watch the Category Carousel video tutorial here. Please visit the demo page for examples.
Thanks for being with us.