How To Set Feature Box Carousel

X

Litho Feature Box Carousel  widget allows you to create a slider of images, media, and text.

Content

General

StyleSet the different styles for carousel
Heading/Subheading/Content Write heading/subheading/content title in the blank space
Heading HTML tagSet the HTML tag of the title as H1…H6, div, span or paragraph

Carousel

Carousel itemsAdd the carousel items for icon, content, and background
Use images?Select “yes” to use images in carousel box
IconUpload or choose icons for the carousel box

Slider Configuration

Slides to showSelect the number of slides to show at one time, from 1 to 10
Items spacing Set the spacing between the image and the content
Image stretchCheck “yes” if you want to stretch the image
NavigationSet the navigation for the slider as dots and arrows
Pause on hover Check “yes” to add pause effect hover
Autoplay Check “yes” to show autoplay on the slider
Autoplay speedSet the time between each slide. This time is in milliseconds, so 1000 ms is equal to 1 second
Infinite loopShow the carousel in a continuous loop, infinitely. Yes or No
Animation speedSet the time it takes for the animation speed to appear
RTLSet the slider direction from right to left
CursorSet the cursor visuals as black, white, or default

Arrows

Left arrow iconUpload or choose the left arrow icon from the library
Right arrow iconUpload or choose the right arrow icon from the library

Style

General

Background typeChoose classic or Gradient as the background 
AlignmentAlign the text to the left, right, or center
Border typeSet a border to the entire box
Border radiusSet the border radius for the box
Padding Set the amount of padding
MarginSet the margin for the feature box
Box shadowSet the shadow for the box
Width (Title box)Set the width for the title box
Padding  (Title box)Set the padding for the title box
Margin (Title box)Set the margin for the title box
Padding (Left content box)Set the padding for the left content box
Margin (Left content box)Set the margin for the left content box
Background type (Slide content box)Set the background type for the slide content box
Box shadow (Slide content box)Set the shadow for the slide content box
Border type (Slide content box)Set the border type for the slide content box
Border radius (Slide content box)Set the border radius for the slide content box
Padding (Slide content box)Set the padding for the slide content box
Margin (Slide content box)Set the margin for the slide content box

Content Slide

Text color (Heading)Set the color for the heading text
Typography  (Heading)Set the typography for the heading
Margin  (Heading)Set the margin for the heading
Color type (Subheading)Choose the color type from gradient or classic for the subheading
Typography  (Subheading)Set the typography for the subheading
Margin (Subheading)Set the margin for the subheading
Text color (Content)Set the color for the content text
Typography  (Content)Set the typography for the content
Width (Content)Set the width for the content box
Slide paddingSet the padding for the content slide

Icon or Image

View Set the icon as a framed or stacked
ShapeSet the icon shape as circle or square
SizeSet the icon size
Image sizeSet the image size
Color typeSet the color for image 
Width Set the width for the image
PaddingSet the padding for icon or image
MarginSet the margin for icon or image

Title

Text colorSet the color for title text
TypographySet the typography for the title
WidthSet the width for the title 
MarginSet the margin for the title

Digit/Subtitle

TypographySet the typography for the digit or subtitle
Color typeSet the color for the digit or subtitle
MarginSet the margin for the digit or subtitle

Content

Text colorSet the color for the content
TypographySet the typography for the content
WidthSet the width for the content 

Button

Icon positionSet the icon position as a before or after
TypographyChange the button typography setting
Text shadowSet the text shadow for the button
Text colorChange the text color
Background typeChange the background type as a classic or gradient
Border typeSet the border type 
Border radiusSet the border radius for button
Box shadowSet the shadow for the box
PaddingSet the padding setting
MarginSet the margin setting

Navigation (Arrow)

PositionSet the arrow position as a inside or outside
Box widthSet the width for the box
Box heightSet the height for the box
SizeSet the size for the arrow
Line height Set the line height 
TopSet the navigation arrow to the top
Border radiusSet the border radius for the arrow
ColorSet the color for the arrow
Background typeSet the background type for the arrow
Border typeSet the border type for the arrow

Advanced

Click here to set the advanced options that are applied to this widget.

SCROLL UP