How to add WYSIWYG styles

Components added in the flow of your page body can be selected from the WYSIWYG 'styles dropdown'.

You can choose from the following component styles:

• Alert info
• Alert warning
• Alert failure
• Alert success

• Callout primary
• Callout success
• Callout danger
• Callout teal
• Callout carbon
• Callout yellow
• Highlight

The available style options may appear different to those listed on this page.

Applying component styles

Follow these steps to apply component styles in the editor of Drupal.

Step 1

When editing your page in Drupal add the content that requires component styling to the ‘Body’ editor.

Step 2

Click and drag to highlight the content that requires component styling.

Step 3

Click the styles dropdown and choose the component style option you require.

Step 4

To check the component styling has been applied, highlight your content again and you will see the chosen style appears as the title of the styles drop select.