The Style Settings option is available in the VCE email editor and displays any style variables contained in the email template.
Contents:
What are Style Settings?
Style Settings are a way of applying style changes to parts of the email, without affecting the original template settings. They are based on variables that you define in the template. You can set as many variables as you want, and then apply the changes in style for every email created using that template.
There are five different types of variable to create, with each one providing different options.
For more information on setting up template variables, see Setting Up Template Variables.
How can I use these in a campaign?
Let's see this in action. In this example we have set up a variable for each of the four possible types (the fifth type, String, is not editable). Again, you can set up as many variables as you want, but we are using just four types here for more transparency.
Open the Style Settings tab in the Content Creation step of the wizard to see the list of editable template variables.
Please note that for all variables, the Reset icon is available to apply the default setting of the given variable.
Type: Selectable
If the setting was created using the type Selectable, you can select a style option from a drop-down menu. The two most common use cases for this type are color and font selection. When the value is selected from the drop-down menu, it is reflected right away in the editor window.
Type: Number - Integer
Settings which use the Number - Integer type let you set a value by using the up/down arrows or typing it directly. The most common usage of this type is font and other size settings.
Type: Color
Settings which use the Color type are used to set the colors of the copy: the backgrounds, fonts, margins, etc. Select the color from the palette or add the hexadecimal code manually and click Apply.
Type: Number - Decimal
Settings which use the Number - Decimal type let you set a value by using the up/down arrows or typing it directly. The difference to the Number - Integer type is that this supports decimal places for more exact values. The most common usage of this type is line height, border radiuses, etc.