2 minutes read

Icon Box Block

Icon Box Block in Multi Builder comes with a ready set of the most needed elements you might want to include:

  • Headline
  • Text

Customize each of those blocks using their standard sets of options. You can mix and match them freely and even add other blocks of your choice. The instructions for using each of the blocks can be found on corresponding documentation pages.

Apart from that, you can customize the Icon Box block, choosing from many options:

  • Block position – set block position to left, center or right. This option is available at the top block options panel.
  • Icon – choose an icon for your icon box.
  • Icon set – choose the icon set from Multi, Font Awesome solid, Font Awesome regular and Font Awesome brands.
  • Icon size – set the icon size.
  • Custom icon size (in px) – set the custom icon size. This option requires choosing custom size in icon size option dropdown menu above.
  • Image – you can add an image to your icon box. Choose an image from your WordPress Media Library or upload a file from your computer.
  • Image alternative text – add image alt text.
  • Image width – set image width in pixels.
  • Image height – set image height in pixels.
  • Max. width – set the maximum block width.
  • Text align – set text alignment to left, right or center.
  • Icon spacing – set the distance between the icon or image and the headline.
  • Icon position – set the icon’s position to left, right or top.
  • Icon color – set the icon’s color.
  • Icon background color – set the icon’s background color.
  • Circled icon background – you can set a round background to your icon.
  • Animation – add an animation to your icon box. Choose an animation name from: https://daneden.github.io/animate.css/.
  • Animation delay (in milliseconds) – set animation’s delay.
  • Animate anytime this block enters the viewport – you can choose to animate the block anytime it enters the viewport, instead of only once.
  • Class – add a custom CSS class to your icon box.
  • ID – add a custom CSS ID to your icon box.
  • Style – add an inline CSS style to your icon box.