Social Counter Widget

Use the widget to display the amount of your social accounts subscribers and followers on your website.

Content

Skin: Choose a Skin between Box, Side and ToolTip.

Columns: Set a number of columns for desktop, tablet and mobile.

Order: Choose the order in which Icon, Description and Count should be displayed.

Socials: Add a social network from the dropdown.

Alignment: Choose between Left, Center and Right Icons Alignment.

Open in new tab: Slide to YES to open the social network in new tab.

In General all Social Counters provide the same settings, let’s review them using Facebook as an example.

Counter By: Choose a parameter that should be used for counting. Here the choice is between Followers and Likes.

Icon: Choose between Official and Custom icon.

When Custom is chosen you can add the desired icon from the Icon library or upload the desired SVG.

Titel Type: Choose between Default and Custom title.

When Custom is chosen you can add the desired title (ex.:change the word ’Likes” to another one).

Color Type: Choose between Brand and Custom color.

When Brand Color is chosen you can decide whether you want to use it as a Background or as an Icon color and then set desired Icon/Background Color and Title Color.

When Custom color is chosen you can set desired Background Color, Icon Color and Title Color.

Style

Layout

Set desired Gap between Columns and Rows for desktop, tablet and mobile.

Common Style

Numbers’ Typography: Set the typography using settings from the dropdown.

Title Typography: Set the typography using settings from the dropdown.

Background Color: Choose a Background color from a color palette or dynamic tags. (for Normal and Hover modes)

Numbers’ Color: Choose Numbers’ color from a color palette or dynamic tags.

Title Color: Choose Title color from a color palette or dynamic tags.

Icon Color: Choose Icon color from a color palette or dynamic tags.

Numbers’ Format: Choose a Format from the dropdown.

Position: Choose between Horizontal and Vertical position for social counters.

Horizontal alignment: Choose between Start, Middle, End and Space Between horizontal alignment.

Vertical Alignment: Choose between Start, Center and End vertical alignment.

Icon Size: Set desired Icon size here.

Box

Box Shadow: Choose desired settings from the dropdown.(for Normal and Hover modes)

Space Vertical: Set the vertical space of the box for desktop, tablet and mobile.

Min Height: Set the Box Minimum Height for desktop, tablet and mobile.

Border Radius: Set Border Radius to boxes.

Border Type: Choose a Border Type from the dropdown and set it.

Padding: Set padding for desktop, tablet and mobile.

Advanced

Set the Advanced options that are applicable to this widget