23 – Social Icon Block
- 1 Minute to read
- Print
- DarkLight
23 – Social Icon Block
- 1 Minute to read
- Print
- DarkLight
Article summary
Did you find this summary helpful?
Thank you for your feedback
Description
This is a stand-alone Social Icon block that can hold up to six social media images and their respective text and links. Since there is no stacking option in the block, there are limitations on text space. This would need to be conveyed to the client and used wisely. However, there is also an option to hide or show the text. Equally, this block could have other uses, such as for service, guarantee, or award icons.
Default block view
Desktop
Mobile
Formatting options
Padding
This refers to the space between the block's content and its border. This can be edited as per the requirements using the panel on the right side (Details tab).
Option | Details | Default |
Padding | Top | 20 |
Right | 10 | |
Bottom | 20 | |
Left | 10 |
Social Icons
Up to 6 icons can be selected from the drop-down menu.
Option | Details | Default |
Social Icon Selection |
| 6-Icons |
Line Height
Used to change the text line height.
As with all text, please be sure the minimum line height value is not less than 4px higher than the font size. For example, if the font size is 18px, the line height should not exceed 22px.
Option | Details | Default |
Line Height | Text | 18 |
Block Background Color
Used to change the block background color. Only use HEX color values. HTML email only recognizes 6-digit long-hand versions and has patchy support for shorthand versions.
Option | Details | Default |
Background Color | Block Background Color | #ffffff |
Social Icon Links
It allows you to add the link to the image.
Option | Details | Default |
Links |
| Blank |
Compatibility
There are no known render issues with this block.
Was this article helpful?