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.