Social Element
Overview
Social Element component enables you to display a given social network inside mj-social. Note that default icons are transparent, which allows background-color to actually be the icon color.
Parameters
| Parameter | Parameter | Valid Blocks | Required |
|---|---|---|---|
Content | Content for this tag | Text Block Group | No |
Style Sets | Optional list of Email Style blocks to apply to this block | Text Block Group | No |
Custom CSS Classes | Optional space-separated list of CSS classes to be applied to the element. Intended for use with EmailCSS blocks. | Text Block Group | No |
Social Network | The social network (if any) to use for styling this element. | Text Block Group | No |
Src | unit : px; description : image source; default value : Each social name has its own default | Text Block Group | No |
Srcset | unit : url & width; description : enables to set a different image source based on the viewport; default value : n/a; | Srcset Image Block Group | No |
On-Click URI | The link to take the user to when they click on this element. | Text Block Group | No |
Rel | The rel of the element. | Text Block Group | No |
Target | The target for the link. Defaults to 'external-link'. | Text Block Group | No |
Image description | Used by screen readers and e-mail clients with image downloads switched off. | Text Block Group | No |
Mouse-over tooltip (title) | Displayed on mouse-over and used by accessibility software. | Text Block Group | No |
Icon Colour | The colour of icon in this block. | Colour Block Group | No |
Icon Height | The height of the icon | Unit Value Block Group | No |
Icon Size | The size (width and height) of the icon | Unit Value Block Group | No |
Sizes: Media queries | One or more strings separated by commas, indicating a set of source sizes. Each source size consists of:
Media Conditions describe properties of the viewport, not of the image. For example, Source size values specify the intended display size of the image. Email clients use the current source size to select one of the sources supplied by the The selected source size affects the intrinsic size of the image (the image"s display size if no CSS styling is applied). If the | Text Block Group | No |
Text Colour | The colour of the text in this block. Defaults to #333333 (dark grey) | Colour Block Group | No |
Text Size | The size of the text in this block. | Unit Value Block Group | No |
Font | The list of preferred fonts for this element. | Text Block Group | No |
Font Style | Whether the font should be normal (upright) or italicised. | Text Block Group | No |
Font Weight | How light or bold the text should be. | Text Block Group | No |
Line Height | The height of each line of text inside the element. | Text Block Group | No |
Text Decoration | Whether the text should be underlined, overlined, etc. | Text Block Group | No |
Padding | The padding around the element. | Text Block Group | No |
Padding Bottom | The padding below the element. | Unit Value Block Group | No |
Padding Left | The padding to the left of the element. | Unit Value Block Group | No |
Padding Right | The padding to the right of the element. | Unit Value Block Group | No |
Padding Top | The padding above the element. | Unit Value Block Group | No |
Text Padding | The padding around the text. | Text Block Group | No |
Icon Padding | The padding around the icon | Text Block Group | No |
Border Radius | The rounding radius of the corners of the element. | Text Block Group | No |
Horizontal Alignment | How the block should be aligned horizontally within its container. | Text Block Group | No |
Vertical Alignment | Vertical position of the element within its container. | Text Block Group | No |