Icon boxes come in very handy when building websites. The most common usage of Litho Icon Box widget is for sections that list features of products or services.
Content
Icon Box
Use images?
Choose “yes” if you want to use images in the icon box
Icon
Choose or upload an icon from the library
View
Set the view of the icon as ‘Default’, ‘Stacked’ or ‘Framed’. Stacked is with a background and framed is with a frame surrounding the icon
Title & description
Insert the title and description of your Icon Box widget
Link
Insert a link, and choose if it will open on a new window
Icon position
Set the position of the icon on the left, top or right side of the box (on Mobile view it will stay centered)
Title HTML tag
Choose the title tag, from H1..H6, Div, Span or P
Button
Text
Click here to add button text
Link
Insert a link, and choose if it will open on a new window
Size
Set the size for the button
Icon
Choose or upload the icon for the button
Icon spacing
Set the icon spacing for the button
Width
Set the width for the button
Style
General
Alignment
Set the alignment as a left, center, right or justified
Vertical alignment
Set the vertical alignment as a top, middle and bottom
Hover animation
Choose from a long list of animations for the hover
Transition duration
Set the transition duration for the hover animation
Icon
Icon color
Set the color for the icon
Spacing
Set the space between the icon and the heading
Size
Scale up and down the size of the icon
Rotate
Rotate the icon
Box shadow
Set the box shadow for the icon
Content
Typography (Title)
Set the typography for the content
Color (Title)
Set the color for the title
Spacing
Set the spacing of the title
Display
Choose different available display styles
Typography (Description)
Set the typography for the description
Content width (Description)
Set the content width for the description
Color
Set the color of the description
Link color
Set the link color for the description
Display
Set the display from the different available styles
Button
Typography
Change the default typography options for the button’s text
Color
Select the color type of the button’s text
Background type
Select the button’s background color for both Normal and Hover states. You may use a classic or gradient color
Display
Set the button display as a default, block, inline, inline block, or none
Border radius
Set the border radius to control corner roundness
Border type
Select the type of border to use around the button
Padding
Change the padding settings of the button
Margin
Change the margin settings of the button
Advanced
Click here to set the advanced options that are applied to this widget.
