Social Icons Block

Social Icons Block options:

• Top margin – set the top margin. Use any CSS-compatible margin value.
• Bottom margin – set the bottom margin. Use any CSS-compatible margin value.
• Icon spacing – set the spacing between the icons.
• Icon border radius – set the corner radius for all icon corners.
• Icon border width – set the icon border width.
• Icon size – set the icon size in pixels.
• Box size – set the icon background size in pixels.
• Color – set the coloring type from: Default (custom colors), Brand colors on mouse hover (icon and border), Brand colors on mouse hover (background), Brand colors (icon and border), Brand colors (background).
• Link color – set the social icons’ color. Option available with “Custom color” and “Custom color with brand colors on mouse over” coloring types.
• Link hover color – set the social icons’ hover color. Option available with “Custom color” and “Custom color with brand colors on mouse over” coloring types.
• Background color – set the social icons’ background color. Option available with “Custom color” and “Custom color with brand colors on mouse over” coloring types with boxed appereances.
• Background hover color – set the social icons’ background hover color. Option available with “Custom color” and “Custom color with brand colors on mouse over” coloring types with boxed appereances.
• Border color – set the border color for the icon.
• Border hover color – set the border hover color icon.
• Text shadow – you can add a shadow to the icon.
• Box shadow – you can add a shadow to the icon box.
• Lift on hover – you can set the icons to lift on mouse hover. Enter the amount in pixels.
• Tooltip position – set the tooltip position to top, bottom, left or right.
• Tooltip type – set the tooltip color to dark, gray or light.
• Class – add a custom CSS class to your social links.
• ID – add a custom CSS ID to your social links.
• Style – add an inline CSS style to your social links.

Social icon Block options

To add individual social icons, insert a single Social Icon Block for each icon you’d like to add. Customize it with the following options:

• Social service icon – choose which social icon to display.
• Link URL – add your URL here.
• Text (optional) – you can add text instead of or next to and icon.
• Open in new window – choose whether to open the link in a new window.
• Tooltip text – you can add a tooltip to each social icon. Add its text here.
• Class – add a custom CSS class to your social link.
• ID – add a custom CSS ID to your social link.
• Style – add an inline CSS style to your social link.