These custom styles have been designed to make article content more engaging and easier to read.
Notes can be used to emphasize important information within your article content. To apply the style, add a class name of
.note to an element (typically a
<p> tag) using the Source Code view in the Zendesk Guide article editor:
Warning styles can help draw readers attention to critical steps in a process. To apply the style, add a class name of
.warning to an element:
The default styles and titles used for both can be customized directly using theme settings. For more significant changes, the relevant styles can be found in the
theme/elements/_typography.scss Sass file and easily modified to match your company brand. Our Pattern Library also contains some examples of other callout styles that you can use.
<blockquote> for quoting blocks of content from another source within your document.
Our themes also include general typography elements as well as:
- Custom list styles
- Custom links styles
- Code styles
- Figure and image styles
- Support for custom icon sets
And much more.
You can also easily create your own custom content styles by combining utilities. For example, a box with a light drop shadow could be used to contain a summary of an article:
The summary itself could be automatically generated by our Table of Contents extension.