In this documentation, we will show you how to customize the Carbon Slider widget presented by the Ultimate Post Kit addon.
Inserting Carbon Slider Widget
Search by the Carbon slider widget name, then drag and drop it.
Default View of the Carbon Slider
The Slider displays Arrows with Date, Category, Title, Meta, and Text.
Content Tab Customization
Layout Section
Go to Content > Layout
Find the Content Max Width, Alignment, Title, and Title HTML Tag, Show Text, and Text Limit, and Strip Shortcode options.
Also find the Show Category, Show Author, Separator, and Show Comments options.
Then find the Date, Human Different Time, Show Time, and Show Navigation options.
Show Slider Image
Turn on the Show Image switcher to add slider images and use the Image Size option.
Query Section
Go to Content > Query
Find the Item Limit, Source, Include & Exclude filters, and Terms options.
Then find the Offset, Date, Order By, Order, Ignore Sticky Posts, and Only Featured Image Post options.
Slider Settings Section
Go to Content > Slider Settings
Find the Autoplay and Autoplay Speed, Loop, and Animation Speed options.
Style Tab Customization
Image Section
Go to Style > Image
Find the Height, Width, Border Type, Border Radius, and Margin options.
Title Section
Go to Style > Title
Find the Style, Color, Hover Color, Padding, Margin, Typography, and Text Shadow options.
Meta Section
Go to Style > Meta
Find the Color, Hover Color, Space Between, Margin, and Typography options.
Category Section
Go to Style > Category
Find the Color, Background Color, Border Type, Border Radius, Padding, Margin, Space Between, Typography, and Box Shadow options.
Thumbs Section
Go to Style > Thumbs
DATE
Find the Color, Typography, and Space Between options.
LINE
Find the Color and Height options.
DOTS: Normal Mode
Find the Background Type, Border Type, Width, Color, Border Radius, and Dots Size.
DOTS: Hover Mode
Find the Background Type and Border Type options.
DOTS: Active Mode
Find the Background Type and Border Type options.
ARROWS: Style
Come to the Arrows sub-section, you can easily select the Arrows Icon Style ( Default, and 1 to 23) as your wish that you like to see on your slider.
ARROWS: Normal Mode
Find the Color, Background Color, Border Type, Width, Color, Size, and Padding options.
ARROWS: Hover Mode
Find the Color, Background Color, and Border Color options.
Video Assist
Watch the Carbon Slider video tutorial here. Please visit the demo page for examples.
Thanks for being with us.