×
  • Themes
  • Support
  • Blog
  • Log In
  • Sign Up

NiceThemesNiceThemes

  • Support
  • Themes
  • Log In
  • Sign Up
Menu

Smart Documentation

Documentation with in-depth articles for Smart WordPress Theme.

Smart Documentation / Page Builder / Icon Box

Icon Box

With an “Icon Box” you can add text with some sense. You can pick from more than 4 different icon libraries and more than 1000+ icons.

Icon

  • Icon Library: In case you want to include an icon in your Separator, you must pick an icon library first.
  • Icon: Select the icon.
  • Module Position: Specify where the icon is positioned inside the module.
  • Layout display: Specify the display mode.
  • Media Icon: If you want to use an image instead of an icon you can upload it or select it from the media library.
    • Icon animated: If you upload a SVG you can choose this to be animated.
  • Color: Select the color from the color palette.
  • Icon Background Style: Select a background style if you want one for the icon.
  • Icon Size: Select the icon size.

Text

  • Title: Insert a title for the icon box.
  • Title Semantic: Specify the element HTML tag.
  • Title Size: Specify the icon box title size.
  • Title Line-Height: Specify the title line height in pixels.
  • Title font-weight: Specify the title font weight.
  • Title text-transform: Specify the title text transformation.
  • Title letter spacing: Specify the letter spacing.
  • Title text color: Select a color from the color palette.
  • Use theme default font family: If you don’t want to use the theme default font family and pick your own, just untick this option.
    • Font Family: The font family
    • Font Style: The font Style.
  • Text: A Rich text editor to insert a text below the title.
  • Reduce text top space: Activate this to reduce the text top margin.
  • URL (Link): Add a link to the icon.
  • Link Text: Add a text if you want to have some kind of “Read More” link below the text.

Animation

  • CSS Animation: Add some type of CSS animation.
  • Animation Speed: Specify the entrance animation speed in milliseconds.
  • Animation Delay: Specify the entrance animation delay in milliseconds.

Extra

  • Extra Class Name: Add an extra CSS class if needed.
Page Builder

Related Articles

  • Using the Front-End Page Editor
  • Using The Page Builder
  • Posts
  • Elements Overview
  • Columns

NiceThemes

  • About
  • Blog
  • Contact

Support

  • Support Center
  • Knowledge Base
  • Support Forums

Products

  • Themes

Join Us On

Curated with lots of    by your friends at NiceThemes™

Login to your Account

Welcome back! Please log in to your account by filling the fields below:

Forgot?

Not a member? Create a free account.

Create a Free Account

You're 27 seconds away from some awesome WordPress free stuff, benefits and more. Create a free account and have access to our free products, benefits and more!

Already have an account? Log in
Secure Server