All of our themes contain a huge number of custom elements and styles that you can use to make your article content more engaging and easier to read.
Note styles 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 this style, add a class name of
.warning to an element:
The default colors 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 could use, including tips and different styles for notes and warnings.
.list-number to apply a custom numbered style to a list.
.list-check to apply a custom checklist style to a list.
Additional list styles are available for use throughout the help center.
Additional typographic elements
There are a variety of elements included in our themes which you can apply using the Zendesk article editor in addition to interactive elements like tabs and toggles. Learn more about using typography styles.