Control the look and feel of your campaign and create custom campaign templates by styling your content. Customize fonts, colors, alignment, visibility settings, and more. 

There are two ways to style content blocks within a campaign: global styles and individual content block styles.

Global styles - Customize design elements for all content blocks in your campaign. Any changes made affect all content blocks in your current campaign. They will not affect other campaigns.

Individual block styles - Sets design elements for an individually selected content block, providing more controls for alignment, visibility settings, and unique design choices for specific content block types.

Font size note: Font sizes included in both styles are in px. WCAG does not establish a minimum font size or recommended font face, however, to optimize readability, we recommend adhering to these best practices:

• Body text should be at least 16px.
• No text should be smaller than 12 px.
• Wherever possible, use a widely available sans serif font face such as Times New Roman, Verdana, Arial, Tahoma, Helvetica, and Calibri.

Global Styles 

Global styles are applied to all blocks in a campaign, providing a unified starting point for all campaigns, and can be modified at any point during campaign duration. Publishers can customize font faces, colors, and sizes. Background colors and images can also be customized.

Available global style design options differ depending on the content blocks included in your campaign.

1. Create a campaign.
2. Click Style from the left-hand menu to review the global styles panel for the entire campaign.
   
   
   
   Note: Formatting styles on this panel apply to all blocks in your campaign that have not already been individually styled and are applied to blocks added to the campaign (with the exception of custom blocks).

Global Style Design Options

Background Color

Customize the background color of each content block:

Font Size

Customize the font sizes of the various font elements in each content block. 

Font Face

Customize the font faces of the various font elements in each content block. 

Font Hierarchy

Not every font hierarchy affects each block type. This allows more control and customization when designing your content appearance. 

• Headlines - Changes the appearance of headlines in Custom, Header, Image, Image and Text, Poll, Quote, Rich Text, and Video blocks. Branded, Coded and Link blocks are not affected by this font hierarchy. In addition, this also changes the appearance of any text selected as a header from the Paragraph Styling Menu.
• Subhead - Changes the appearance of text selected as subheaders from the paragraph styling menu. 
• Title - Changes the appearance of text selected as titles from the paragraph styling menu. 
• Subtitle - Changes subtitles in Custom, Header, and Quote blocks. 
• Body - Changes the body text in each block with rich text. 
• Caption - Changes the appearance of text selected as a caption from the Paragraph Styling Menu.
• Link - Changes the appearance of selected hyperlinks. 

Paragraph Styling Menu 

You can change the appearance of selected text within a text body by using the text styling menu. To save manually changing the appearance each time you select or highlight text, you can select preset styles. 

To do this: 

1. Select or highlight text within a rich text block. Note that not all blocks have this option as not all blocks include rich text. 
2. Select the paragraph styles icon from the menu. 
3. Select the necessary styling option. You can control the styling of these options from the Global Styles menu.
   
   

Image and Button Shape

Round the corners of images and buttons: 

All other styles, such as alignment and arrangement, can be customized for each individual content block. 

Apply Global Styles to Individually Styled Blocks

1. Hover over existing content blocks that have been individually styled.
2. Click Stylize from the right-hand menu.
   
   
   
   
3. Click Revert block styles. 

Individual Block Style

Apply alignment formatting to text bodies, titles, and images for each individual content block. In addition, control the visibility of each block by selecting or omitting channels. 

Note: Customizing individual blocks overrides global styles. Apply global styles to individually styled blocks by clicking the Revert block styles option from the Stylize menu.

1. Hover over existing content blocks that have been individually styled.
2. Click the Stylize icon.
   
   
   
   
3. Available Design tab options differ when customizing individual blocks depending on the content block type.

Content and Section tabs are also available for each content block. These tabs control specific content options as well as block visibility.

Individual Block Style Options 

These design options are available from both the global styles design tab and each individual content block design tab:

Block

Customize the background color and spacing of the top and bottom of content blocks:

Headlines Font

Customize the color, size and face of headline fonts. These options are also available for subheaders and titles:

Body Font

Customize the color, size and face of text bodies:

Format

Available format options differ depending on the content block. 

Arrangement

Select a text and image layout or a layout for multiple images:

Vertical Alignment

Set the vertical alignment of your text relative to an image in a text and image content block:

Hide Headline and Body

Choose to hide the headline or the body of a content block:

Image Cropping

Crop your images to fit the image ratio:

Image

Round the corners of selected images:

Buttons

Customize the shape, background, and text color of buttons:

Save Campaign as a Template 

Select Save as template from the campaign drop-down menu to save your applied styles as a template for content creators in your community to use when creating new campaigns.