Happy Holidays!
Work schedule: Reduced availability from 24 December to 8 January.
Merry Christmas and a Happy New Year!
Holiday work schedule: Reduced availability from 24 December to 8 January.

Integrating Icon Boxes: What they are and how to use them

Living in a fast-paced world is sometimes more challenging than we can think of, especially online, where things move even faster. Sometimes it’s hard to reach people when they don’t have the patience to read endless lines of words. For this reason, I’m going to tell you how to add attractive and responsive eye-catching elements that help you present ideas in a compelling way.

Icon Boxes are a great addition to homepages for listing key unique selling points, or to highlight your website’s main areas of content. They can be used to draw attention to important facts, moments, add contact dates, information, and anything else you think of.

icon boxes

You can use this feature by accessing the tagDiv Composer page builder, the Multipurpose shortcodes section, and drag it wherever you like on the page. Icon boxes are great for breaking the monotony, and they give your readers short titles that they can easily recall.
The element consists of an icon, the title text, and a description. For a fast start, you can use one of the multiple pre-made style presets.

icon boxes

 

In the General tab, you will find the following four icon font packs: Font Awesome, Typicons, Open Iconic, and tagDiv Multi-purpose, from which you can choose the one that best suits your needs.

 

Customizing the selected icon is easy since the Composer has neatly organized options for size and spacing. This tab lets you change the title and description, add or erase a button, and adjust the horizontal alignment.

In the Style tab, there are different layouts that you can pick out for your icon box, such as animated, with/without button or description, with shadow, or with the icon on the right/left side.

icon boxes

icon boxes

icon boxes

 

Your imagination can go beyond restrictions. How about a great page assigned as the footer? With Newspaper theme it’s possible. Design your page, use icon box modules to add your contact information, and create a fancy footer that everyone will admire!

 

icon boxes

This multipurpose feature comes with various styling options, and according to the one you select, the advanced settings will change.

icon boxesYou can tweak on every little detail, like icon color, shadow settings, border size, title hover color, button style, and everything in between, until it gets to the form you want.
We all know that it’s easy to remember something when it is associated with an image, so use this in your favor and catch people’s eyes!

Split your row into multiple columns and play with the icon boxes! If you want to recreate one that you like, save the hassle and click on the Box >Duplicate Element, and move it into the next column. If you plan to add it later to a different page, save the shortcode and find it in the Composer, next to the other elements!

Get creative and build amazing pages with the Newspaper Multipurpose Pack. There is no limit to what you can do!

icon boxes

P.S. Don’t forget to follow our blog for more tips & tricks and news about future updates!

Subscribe For More!

If you want to be the first to find out more about our themes
please subscribe to our newsletter

Eliza M
Eliza M
I am a music, nature and books lover whose path is not yet perfectly defined. Combining my empathic nature with the enthusiasm for knowledge, I’m trying to put my skills to good use by helping others while discovering myself.

Do you need any help with the Newspaper or Newsmag WordPress Themes? Please send us all the necessary details via email or create a new topic on our online forum. We're always happy to assist you.

6 COMMENTS

  1. well I appreciate your efforts in putting up this article, I was stuck trying to edit my newspaper theme main menu with Icon Box, this content got me going… thanks

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.