3. Colossal IconBoxes

SCREENSHOTS:

  • Style 1:
  • Style 2:
  • Style 3:
  • Style 4:
  • Style 5:
  • Style 6:

THE CODE:
[bmag_iconboxes group_style="" item_style= "" items_per_row= ""]
[bmag_iconbox style="" color="" content_color="" icon= "" icon_image="" title="" button_text="" button_url="" item_aos="" item_aos_delay="" item_aos_offset=""] Content of icon box [/bmag_iconbox]
[/bmag_iconboxes]

Note: The shortcode will auto recognize number of items inside [bm_image_columns] and divide column width equally (by %)

PARAMETERS:

  • [bmag_iconboxes] group_style – select: Choose group style.
    • 1 – No Padding.
    • 2 – Padding.
    • 3 – Bordered.
    • 4 – List Style.
  • [bmag_iconbox] item_style – Select: Choose icon box style.
    • 1 – Style 1.
    • 2 – Style 2.
    • 3 – Style 3.
    • 4 – Style 4.
    • 5 – Style 5.
    • 6 – Style 6.
  • [bmag_iconboxes] items_per_row – Select:  Select Number of items per row.
    • 1 – 1 item.
    • 2  – 2 items.
    • 3 – 3 items.
    • 4 – 4 items.
    • 6 – 6 items.
  • [bmag_iconboxes] DESIGN OPTIONS
  • [bmag_iconbox] color – hexa color: Main color of the box.
  • [bmag_iconbox] color_hover – hexa color: Background hover color for Style 5 only.
  • [bmag_iconbox] content_color – hexa color: Content color of the box.
  • [bmag_iconbox] icon – text: CSS Class name of icon, support Font Awesome (http://fontawesome.io/icons/),
    ionicons (http://ionicons.com/) and Fontastic (http://business-hub.cactusthemes.com/wp-content/themes/business-hub/css/fonts/ct-icon/icons-reference-class.html)
  • [bmag_iconbox] icon_image – URL/ID: If you put the image, it will replace the Icon.
  • [bmag_iconbox] title – text: Title of the box.
  • [bmag_iconbox] button_text – string: Button text. If not specified, button is hidden.
  • [bmag_iconbox] button_url – URL: URL to navigate on button