Icon Box

Display icon with texts and button within a styled content box.

How Icon Box Works

Icon Box element of Magezon Page Builder allows you to give a short description about your products or services using a styled content box. There are various options you can find to customize every component of this element: icon, title, description and button. Simply use your imagination to create and style your icon box to attract customers’ attention.

This is heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

This is heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

This is heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Icon

The icons are derived from 2 libraries: Awesome 5 and Open Iconic; and you’re able to search them through and pick the right one.

There are 5 icon sizes to choose from: Mini, Small, Normal, Large and Extra Large.

Extra Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Small

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Mini

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Custom Icon Colors

Freely choose colors for the icon as well as its border and background.

This is heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

This is heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

This is heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

Custom Icon Position

Place the icon on the top/bottom or to the left/right of the content.

This is heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

This is heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

This is heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

Text

Icon Box element gives you full control over the content which contains title and description. 

You can choose title tag, from H1 to H6 as well as title font size, font weight and color. Besides, you can use WYSIWYG editor to add description and customize its font size, color, background color, etc.

This is heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

This is heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

This is heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

This is heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Button

You’re given flexibility to display buttons in 4 types (Flat, Modern, 3D and Gradient) and 5 sizes (Mini, Small, Normal, Large and Extra Large). Freely customize button border style, thickness and radius. Insert icon from 2 libraries (Awesome 5 and Open Iconic) inside the button and define its position. And finally, choose colors for text, icon, border and background when they are normal and on hover.

Want To Test Yourself?

Why Everyone Loves Magezon Page Builder?

Fast and Easy

Intuitive Interface

No Coding Skills

Mobile Ready

SEO Friendly

Magento WYSIWYG Integration

50+ Elements

Best Support

BUY MAGEZON PAGE BUILDER FOR JUST $169