As well as Email Campaigns features, you have the ability to make even further updates using the style manager. The style manager includes settings for image sizes, padding, font type, size and colour etc.
The style manager is accessible via the paint brush icon. Below is a full list of style manager features.
Dimension
Width
The width refers to how wide an image or text box is. This will fill the width of the email template unless otherwise specified.
Height
The height refers to how tall an image or text box is. This will fill the height of the email template unless otherwise specified.
Padding
Padding refers to additional space surrounding a feature in the email template. Padding is used to create space between features and help with the overall flow of an email. Padding is set by default unless otherwise specified in the style manager.
Margin
A margin refers to additional space outside the border of a feature. Margins are set by default unless otherwise specified in the style manager.
Typography
Font
Choose a relevant font for your email template from the list of prescribed fonts in the CMS:
- Arial
- Arial Black
- Brush Script MT
- Comic Sans MS
- Courier New
- Georgia
- Helvetica
- Impact
- Lucinda Sans Unicode
- Tahoma
- Times New Roman
- Trebuchet MS
- Verdana
Font Size
The font size or text size is how large the characters displayed on a screen are. Change the font size for each text box individually.
Weight
Font weight refers to the thinness or thickness of a font. Font weight is easy to manage by using the pre-determined font weights from the drop-down:
- Thin
- Extra-light
- Light
- Normal
- Medium
- Semi-Bold
- Bold
- Extra-Bold
- Ultra-Bold
Letter Spacing
Letter spacing refers to the space between the characters/letters in each word.
Font Colour
Font colour refers to the colour of all text within the selected textbox. Enter a hex code (e.g. #00008b - including the #), or choose a colour using the colour-picker.
Line Height
Line height refers to the space between the lines of text in a textbox. Line height is auto-selected based on font size unless otherwise specified by the style manager.
Alignment
Alignment refers to how text is placed on the screen. For example, left-aligned text creates a straight line of text on the left side of the page.
Text Decoration
Text decoration refers to additional text formatting such as underline and strikethrough. Use these settings to format the whole textbox.
Decorations
Background Colour
Update the background colour for the selected section of the template, or select the outer-most section to update the background colour for the whole template. Enter a hex code (e.g. #00008b - including the #), or choose a colour using the colour-picker.
Border Radius
Use the border radius to create rounded edges on images. The default will be 0 px, but can be updated using the style manager.
Border Width
Use the border width to choose the thickness for a border on an image.
Border Style
Use border style to dictate what style of image border you want:
- None
- Solid
- Dotted
- Dashed
- Double
- Groove
- Ridge
- Inset
- Outset
Border Colour
Choose the colour for your image border. Enter a hex code (e.g. #00008b - including the #), or choose a colour using the colour-picker.
Background URL
Upload an image as the background for your email section. This can be pulled as an image, or come from a URL.
Background Repeat
Choose if you want your background image repeated, and if so, how:
- Repeat
- Repeat-X
- Repeat-Y
- No-Repeat
Background Size
Use background size to dictate how big the background image will be in this section:
- Auto
- Cover
- Contain