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.
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.
Custom Icon Colors
Freely choose colors for the icon as well as its border and background.
Custom Icon Position
Place the icon on the top/bottom or to the left/right of the content.
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.
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.