23 – Social Icon Block

Prev Next

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

  • 1-Icon

  • 2-Icons

  • 3-Icons

  • 4-Icons

  • 5-Icons

  • 6-Icons

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

  • Icon 1 Link

  • Icon 2 Link

  • Icon 3 Link

  • Icon 4 Link

  • Icon 5 Link

  • Icon 6 Link

Blank

Compatibility

There are no known render issues with this block.