Icon Boxes

Icon Boxes

  • 4 different Styles for the Icon Boxes
  • Make the whole Element to a Link, no matter which one
  • Nice Animation on Hover
  • Full Control over ALL Colors
  • Square or round Icons available
  • Align them Left, Centered or Right

Default Icon Boxes

Vertical Icon Boxes

Boxed Icon Boxes

Panels Icon Boxes

Variations Default Icon Boxes

Vertical Icon Boxes

Boxed Icon Boxes

Panels Icon Boxes

Minimal Shortcode

{iconbox}
  This is my Content
{/iconbox}

Shortcode with some Options

{iconbox icon="fa-heart" link="www.ws-theme.com" backgroundcolor="success" color="white"}
  {h4 color="success"}Headline{/h4}
  This is my Content
{/iconbox}
Parameter Name Description Possible values Default
type The most important Syntax, choose between 4 Types of Icon Boxes default, vertical, box, panel default
form Choose the Form for the Icon around, for default it's round square
align Which alignment should the Iconbox have? For Iconbox-Default only left or right, all other can have left, center, right left, center, right
icon Choose a Icon for the Icon Box, use fa-name or ti-name Any Icon Name fa-link
link It's also possible to link the whole Iconbox, can be any Value Images, Videos, URLs
title If a Link is found, the Title for the Link, important for Search Engines
color The Text Color for the Icon default, success, info, warning, danger, white, dark, primary, secondary, tertiary default
backgroundcolor The Background Color for the Icon default, success, info, warning, danger, white, dark, primary, secondary, tertiary default
bordercolor The Border Color for the Icon default, success, info, warning, danger, white, dark, primary, secondary, tertiary default
hovercolor The Hover Color for the Icon, means the small Border where appears when Hover default, success, info, warning, danger, white, dark, primary, secondary, tertiary default
target The Button Destination URL opens with this Target
data A Data Attribute, can be useful with Tooltips, use data="data-placement='left'"
class Add a optional Class to the Shortcode
id Add a optional unique ID to the Shortcode
style Add optional Style Attributes to the Shortcode
lightbox Should the Link opens in a Lightbox yes, image, iframe, video
lightboxgroup Group several Lightbox Links to one Gallery
tooltip Activates the Tooltip for this Element, title parameter is required in this case yes, on, right, bottom, left
animation Activates a Animation for this Element Many, check the Animations Page
animationduration How long should the Animation run Any positive Value for seconds 1s
animationdelay Should the Animation have a delay Any positive Value for seconds 0s
smoothscroll If a internal link is found, for example link="#top" Smooth Scroll will be activated yes
matchheight If Iconboxes are in one row, use the same Value for all to avtivate a equal Height for all

WSInfinity

We are WS-Theme, a creative and awesome group of individuals. In 2016 we set us a Goal to make the perfect Joomla Template. We believe this Joomla Template can make your life much more easier. We encourage you to try this Template, it will change your outlook on what a Joomla Template can do.

Contact us

  • Address: Untere Koppenhalde 11
    72406 Bisingen
    Germany
  • Email: office@braink.com
  • Phone: +88 (0) 144 5532 001

Newsletter

Sign up to our newsletter and get exclusive deals you wont find anywhere else straight to your inbox!

Menu

Style Switcher

This Demo Panel show only a minimum of the huge available Backend Options of this Joomla Template.




Backend View Shortcode System