Shack Icons' Styles and Behaviors

Documentation for Joomla 3

The "Shack Icons Pro" Joomla module comes with some advanced options to control how social icons appear and behave on your Joomla 3 site.

easy social styles and behavior

Icon Set

Lets you select the icon family you want to use for your social icons.

Alignment

Allows you to align the social icons to the right or left edge or to the center of its container for viewers with screens wider than 976px.

Alignment in tablets & phones

Allows you to align the social icons to the right or left edge or to the center of its container for viewers with screens narrower than 976px.

Icon Size

Choose the size that adjusts best to your site.

Orientation

Choose if you want your links to appear as a horizontal list or a vertical list. You can further style the list with CSS.

Text before icons (optional)

This text will appear before your social icons. You can style it with CSS.

Text after icons (optional)

The same as above, but this text appears before your icons.

links order

Links Order

Drag and drop icons to set in what order this module will display them at the front end of your Joomla site. This module will display icons of only those social networks for which you added a username.

open links in

Open links in

Choose if you want your social icons to open in a new window or the current window when someone clicks on them.

Documentation for Joomla 5

The "Shack Icons Pro" Joomla 5 module comes with some advanced options to control how social icons appear and behave on your site.

parameters of the styles and behavior tab

As you can see on this screenshot, all of these parameters reside on the "Styles and behavior" tab. Let's take a look at them one by one.

Icon Set:  This lets you select the icon family you want to use for your social icons.

Alignment:  This allows you to align the social icons to the right or left edge or to the center of its container for viewers with screens wider than 976px.

Alignment in tablets & phones:  This allows you to align the social icons to the right or left edge or to the center of its container for viewers with screens narrower than 976px.

Icon Size:  Choose here the size that is the best fit for your site.

Orientation:  Choose if you want your links to appear as a horizontal list or a vertical list. You can further style the list with CSS.

Text before icons (optional): This text will appear before your social icons. You can style it with CSS.

Text after icons (optional):  The same as above, but this text appears before your icons.

Links Order (Drag and drop to reorder):  Drag and drop icons to set in what order this module will display them at the front end of your Joomla site. This module will display icons of only those social networks for which you added a username.

Open links in:  Choose if you want your social icons to open in a new window or the current window when someone clicks on them.