In this documentation, we will discuss the customization of the Amox Carousel widget, brought to you by the Ultimate Post Kit addon.
Inserting the widget
Open your page in Elementor editor, search by the widget name and then drag-drop it on the page.
The default view of the Amox Carousel
In the default view of the Amox carousel, there are showing in 3 columns with arrows, Post Category, Title, Date, Comment, and Active item with Featured image.
Content tab customization
Go to Content > Layout
Find the Columns, Item Gap, Image Size, Alignment, and Carousel Active Item options.
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.
Additional setting section
Go to Content > Additional
Find the Title, Title HTML Tag, Category, Date, Human Different Time, Show Time, Reading Time, Separator, Show Comments, Item Match Height, and Item Wrapper Link options.
Go to Content > Navigation
Find the Navigation (arrows, dots, progress, arrows & dots, arrows & fraction), Arrows and Dots Position, Dynamic Bullets, Show Scrollbar, Arrows Icon (23 icons), and Hide Arrows on Mobile options.
Carousel Settings section
Go to Content > Carousel Settings
Find the Direction (Horizontal & Vertical), Layout (Carousel & Coverflow), Autoplay, Autoplay Speed, Pause on Hover, Slides to Scroll, Center Slide, Grab Cursor, Loop, Animation Speed, and Observer options.
Style tab customization
Go to Style > Items
Find the Content Padding and Active Overlay Color options on top.
Then find the Background Type, Active Overlay Color, Border Type, Border Radius, Padding, and Box Shadow options.
Also, find the Background Type, Active Overlay Color, Box Shadow, and Match Padding options in Hover mode.
Go to Style > Title
Find the Style (underline/overline & middle underline/overline), Spacing, Typography, and Text Shadow options.
Then find the text Color and Active Color options in Normal mode.
For Hover mode, find the text Color and Active Color options.
Go to Style > Meta
Find the Color, Active Color, Space Between, and Typography options.
Go to Style > Category
There is a Spacing option on top.
Then for Normal mode, find the text Color, Background Type, Color, Border Type, Border Radius, Padding, Space Between, Box Shadow, and Typography options.
In Hover mode, Find the Color and Background Type options.
Go to Style > Navigation
Find the Color, Background color, Border Type, Border Radius, Padding, Size, and Space Between Arrows options in the Normal mode.
Then find the Color and Background color options in Hover mode.
After that, find the icon Color, Space Between, Width, Height, Border Radius, and Box Shadow options in Normal mode.
Also, find the Arrows Offset and Dots Offset options.
You can watch the Amox Carousel widget video tutorial above. Please visit the demo page for examples.
Thanks for staying with us.