Example one
This is an example of the Rich Text component. It has the default appearance, without any of the options touched. Text is aligned left and the component is wrapped inside a normal layout container with a maximum width to support legibility.
Example two
This Rich Text component and its text are aligned right. Maecenas quis orci et purus scelerisque feugiat laoreet eu felis. Maecenas a ante risus. Sed dictum convallis nisi, non sollicitudin quis.
Example three
This Rich Text component and its text are center aligned. Maecenas quis orci et purus scelerisque feugiat laoreet eu felis. Maecenas a ante risus. Sed dictum convallis nisi, non sollicitudin nibh suscipit. Sed dictum convallis nisi, non sollicitudin nibh suscipit a. Etiam sit amet ipsum at elit dignissim.
Example four
This Rich Text component has a slightly wider text layout container. To get this layout, select the wide-text option in layout settings. This option is useful with centred, slightly larger text.
Example five
Praesent sit amet nulla nisl. Aliquam luctus urna ut suscipit vehicula. Curabitur non neque at lectus pellentesque scelerisque a sed urna. Proin placerat varius euismod. Maecenas molestie nec lacus quis elementum. Aliquam at nulla ac diam molestie aliquet. Maecenas quis orci et purus scelerisque feugiat laoreet eu felis. Maecenas a ante risus. Sed dictum convallis nisi, non sollicitudin nibh suscipit a. Etiam sit amet ipsum at elit dignissim accumsan.
Example six
A background image for the Rich Text component has many display options.
The background image options used here are:
- background-size: auto;
- background-size-percentage: 60%;
- background-position: middle-right;
- background-repeat: no-repeat.
Play around with options for different effects.