WYSIWYG Block

Back to Style Guide

The most common block in the site theme is the WYSIWYG block. This utility block can be used to format text in all ways supported by the WordPress CMS WYSIWYG, including Headings 1-6, paragraph, text styles such as bold, italic, links, strikethrough, colour, text alignment and both ordered and unordered lists.

Text will have a maximum width, which will be responsive based on the width of the block itself (ie the padding for a WYSIWYG block inside a domino will be smaller than that of a WYSIWYG block on its own). The based style of each WYSIWYG block instance will be determined by the Section Block it is contained within, or a default style if not nested within one.

Heading One

Heading Two

Heading Three

Heading Four

Heading Five

Heading Six

Formatted text with bold, italics and links.

Preformatted text

Ordered Lists

1. Item 1
2. Item 2
3. Item 3

Unordered Lists

• Item 1
• Item 2
• Item 3

This paragraph is left-aligned. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut turpis quis elit mollis gravida. Cras sit amet felis eget dui placerat porttitor. Aliquam maximus scelerisque libero, a imperdiet metus mollis sit amet. Vivamus nec vestibulum turpis. Etiam nec augue tristique, lobortis ipsum eget, cursus nunc. Fusce rhoncus, leo quis rutrum volutpat, libero lectus eleifend tellus, sit amet efficitur mauris leo non lectus. Vivamus lacinia at orci a tristique. Curabitur fringilla mi eget ligula porttitor, vitae placerat metus cursus. Integer ultricies enim a odio lobortis fringilla.

 

This paragraph is centered. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut turpis quis elit mollis gravida. Cras sit amet felis eget dui placerat porttitor. Aliquam maximus scelerisque libero, a imperdiet metus mollis sit amet. Vivamus nec vestibulum turpis. Etiam nec augue tristique, lobortis ipsum eget, cursus nunc. Fusce rhoncus, leo quis rutrum volutpat, libero lectus eleifend tellus, sit amet efficitur mauris leo non lectus. Vivamus lacinia at orci a tristique. Curabitur fringilla mi eget ligula porttitor, vitae placerat metus cursus. Integer ultricies enim a odio lobortis fringilla.

This paragraph is right-aligned. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut turpis quis elit mollis gravida. Cras sit amet felis eget dui placerat porttitor. Aliquam maximus scelerisque libero, a imperdiet metus mollis sit amet. Vivamus nec vestibulum turpis. Etiam nec augue tristique, lobortis ipsum eget, cursus nunc. Fusce rhoncus, leo quis rutrum volutpat, libero lectus eleifend tellus, sit amet efficitur mauris leo non lectus. Vivamus lacinia at orci a tristique. Curabitur fringilla mi eget ligula porttitor, vitae placerat metus cursus. Integer ultricies enim a odio lobortis fringilla.

 

Centered Ordered Lists

1. Item 1
   1. Item 1.1
2. Item 2

Centered Unordered Lists

• Item 1
  • Item 2
• Item 3