CSS Theme Editor

CSS themes for your templates are managed inside the CSS Theme Editor. Themes control fonts and colors. You can apply different themes to each of the templates as you compose your broadcast.

Your organization will probably prefer to create a fixed number of themes so as to support the organization’s branding. Your Communications office will know the colors and fonts used by your organization to convey a recognizable look.

Within the CSS Theme Editor you will see a Theme picker on the left, where a list of all the themes appears.

When you select a Theme, the editing window will display a full list of all the possible Sections that might be used in any given Template. Each Section can have a different font family, font color, font size, font style and background color.

Since your goal is to send a professional message that conveys the character of your organization, your themes will need to be as carefully designed as your HTML templates are. Work with the Communications office to design themes that support your branding.

To create a New CSS Theme

1. Click on the New Theme button in the status area.
2. Name your theme and define the styles for each Section Tag.
3. To see your theme as it develops, select a Template from the drop-down menu at the bottom of the editing window and click Preview. To exit Preview, click Done.

To Duplicate a CSS Theme

1. Click on an existing Theme in the Theme picker list on the left.
2. Click on the Duplicate theme button in the top right status area.
3. Name your Theme and define the styles for each Section Tag.
4. To see your theme as it develops, select a Template from the drop-down menu at the bottom of the editing window and click Preview. To exit Preview, click Done.

To Delete a Theme

1. Click on the red X at the right of an existing Theme in the Theme picker list.
2. A dialog window asking if you are sure will pop up. Click on either Delete or Cancel.

To create a new Section Tag

1. You can create a new Section by clicking on the green plus icon above the Tag column. A Tag is the name of a Section.