Default Styles in WYSIWYG editor

This is default copy text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

A default anchor link will be styled like this.

• Bulleted list item 1
• Bulleted list item 2
• Bulleted list item 3
• Bulleted list item 4

1. Numbered list item
2. Numbered list item
3. Numbered list item
4. Numbered list item

Style Custom Classes

The styles below can be used in HTML modules and can be selected from the Style dropdown in the WYSIWYG editor. Once a style is applied to an element it will be displayed as below.

Style - "Heading - .heading-hero" : Only use in Hero Banner modules.

Hero banner heading with color span .heading-hero

Style - "Heading - .heading-1" : can be applied to heading elements - h1, h2, h3 etc.

Heading One .heading-1

Style - "Heading - .heading-2" : can be applied to heading elements - h1, h2, h3 etc.

Heading Two .heading-2

Style - "Heading - .heading-3" : can be applied to heading elements - h1, h2, h3 etc.

Heading Three .heading-3

Style - "Text - .text-centered" : can be applied to text elements - p, a, li, h1, h2, h3 etc.

Centered Text class which can be applied to any heading or text .text-centered

Style - "Text - .text-bold" : can be applied to text elements - p, a, li, h1, h2, h3 etc.

Bold text .text-bold

Style - "Link - .arrow-link" : can be applied to anchor links.

.arrow-link

Style - "Button - .primary-button" : can be applied to anchor links.

.primary-button

Style - "Button - .secondary-button" : can be applied to anchor links.

.secondary-button

Style - "Button - .tertiary-button" : can be applied to anchor links.

.tertiary-button

Style - "Button - .dark-bkgd-button" : can be applied to anchor links on dark backgrounds.