Attributes

Attributes - Terminology

Alignment

Determines if the component is flush left, centered, or flush right

Background Color

Determines the color behind the section, image, text, menu, divider, or spacer

- None (transparent)

- Primary (adopts the Primary Color default setting and is editable in the email designer)

- Secondary (adopts the Secondary Color default setting and is editable in the email designer)

- Custom (can be set to any hex color but cannot be changed in the email designer)

Border

Applies a border around the component’s edge

Border Color

Determines the color of the border

- Primary (adopts the Primary Color default setting and is editable in the email designer)

- Secondary (adopts the Secondary Color default setting and is editable in the email designer)

- Custom (can be set to any hex color but cannot be changed in the email designer)

Tip! Border must be 1px for this to be editable

Button Color

Determines the background color of the button

- None (transparent)

- Primary (adopts the Primary Color default setting and is editable in the email designer)

- Secondary (adopts the Secondary Color default setting and is editable in the email designer)

- Custom (can be set to any hex color but cannot be changed in the email designer)

Tip! This will be specific to the Button component

Color

This is specific to the Divider component

- Primary (adopts the Primary Color default setting and is editable in the email designer)

- Secondary (adopts the Secondary Color default setting and is editable in the email designer)

- Custom (can be set to any hex color but cannot be changed in the email designer)

Drop Shadow

Applies a drop shadow or turns it off

Tip! This is specific to the Button component

Font

Determines the font the text for that component is using; this is a list of web safe fonts our current templates use

Font Size

Determines the size of the text that component is using

Font Color

Determines the color of the text for that component is using

- Primary (adopts the Primary Color default setting and is editable in the email designer)

- Secondary (adopts the Secondary Color default setting and is editable in the email designer)

- Custom (can be set to any hex color but cannot be changed in the email designer)

Font Style

Determines if the text is bold, italic, or underlined

Font Case

Determines if the text is all uppercase, normal case, or each word has an initial capital letter

Full Width

Specific to the Section component, this allows a background color to expand horizontally beyond the 600px boundary of the email. You will see this on the Web Version Link and Footer as well because those are content in static Sections that cannot be moved.

Height

Determines the vertical height in pixels of the content

Icon Style

Specific to the Social Links component, this determines if the icon is circular or square

Icon Color

Specific to the Social Links component and can be set to:

- Brand Colors (adopts the brand’s native brand colors)

- Primary (adopts the Primary Color default setting and is editable in the email designer)

- Secondary (adopts the Secondary Color default setting and is editable in the email designer)

- Custom (can be set to any hex color but cannot be changed in the email designer)

Left/Right Padding

Determines the space between the left and right edge of the email and edge of the content itself

Line Spacing

Determines the space between each line of text

Radius

Determines how rounded the corners of the content get

Spacing

Specific to the Social Links component, this determines how far apart the icons are from each other horizontally and vertically

Style

Specific to the Divider component, this determines if the divider line is solid, dashed, double line, or dots

Top/Bottom Padding

Determines the space between the edge of whatever is directly above or below the content and edge of the content itself

Width

Determines the width of the content by %