Skip to content

Total also includes a very nice icon box module that makes it easy to add styling highlights on your site. This is very useful and mostly used to display your business or website services. Choose from hundreds of retina ready font icons for your icon boxes and make your website really stand out. These are great for features, services, pricing, site links…etc.

Add a Simple Icon

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

Change the Alignment

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

Customizable Settings

Customize your icon box via all the built-in options on a per-module basis. Customize your heading, icon, content, font size, color, background, padding, border and much more!

Thousands of Icons

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

Any Font Size

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

Custom Colors

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

Add A Background

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

With A Border Radius

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

Or Make It Round

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

Add An Outline

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

Or A Background

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

Or Use Both

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

With A Border Radius

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

Or Background Hover

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

Custom Images

You can also choose to use custom images for your icons to create icon boxes that perfectly match your site. Below are couple examples.

Stylish Calendar

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

Hand Drawn Cherries

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

CSS Animations & Hover

Icon Boxes also include options for CSS loading animations as well as hover animations.

Bounce In

Lorem ipsum dolor sit amet, iaculis adipiscing elit. Ut elit tellus, luctus dapibus leo.

Fade In

Lorem ipsum dolor sit amet, iaculis adipiscing elit. Ut elit tellus, luctus dapibus leo.

Flip In X

Lorem ipsum dolor sit amet, iaculis adipiscing elit. Ut elit tellus, luctus dapibus leo.

Rotate In

Lorem ipsum dolor sit amet, iaculis adipiscing elit. Ut elit tellus, luctus dapibus leo.

Shrink Hover

Lorem ipsum dolor sit amet, iaculis adipiscing elit. Ut elit tellus, luctus dapibus leo.

Rotate Hover

Lorem ipsum dolor sit amet, iaculis adipiscing elit. Ut elit tellus, luctus dapibus leo.

Bob Hover

Lorem ipsum dolor sit amet, iaculis adipiscing elit. Ut elit tellus, luctus dapibus leo.

Skew Hover

Lorem ipsum dolor sit amet, iaculis adipiscing elit. Ut elit tellus, luctus dapibus leo.

Font Icons
Milestones
What are you waiting for?

Create your website today with Total for WordPress.

Get started now