Help Center
Search
Adding visually engaging elements to content
Capture your visitor’s interest and communicate more effectively
Increasing engagement with icons
Instead of bloating our themes with extra font files containing icons that you may or may not use, we inline SVG icons which offer better page load performance and improved accessibility over font-based icon systems. Zendesk’s default Co...

Drawing attention to information with call outs
A great way to highlight important aspects of your content is to use callouts. These are typically expressed as tips or notes, though the specific language used should be consistent with your company’s brand. This is an example of a s...

Getting technical with code blocks
The <code> and <pre> elements are for displaying inline and multiline blocks of code. Usage Use the <code> element for inline code snippets. The push() method adds one or more elements to the end of an array and returns the new length o...

Adding figures and images to articles
Use the <figure> element to display self-contained content, like illustrations, images, photos or code. For image-specific styles, refer to the Images page. Usage Use the <figcaption> element to display a caption for a given <figure>. ...

Customizing list styles
Use .list-unstyled to remove the default styling from <ol> and <ul> elements. List item List item List item <ul class="list-unstyled"> <li>List item</li> <li>List item</li> <li>List item</li> </ul> Use .list-item to add a...

Emphasizing points with block and pull-quotes
Blockquotes Use <blockquote> for quoting blocks of content from another source within your document. Success is not defined by the ability to have no complaints, it is defined by the ability to deal with them. Mikkel Svane in Startupl...

Organizing information in tables
Tables are useful for layouts where text needs to be positioned side-by-side or floating at specific locations on the page. If making these is frustrating with the usual layout tools, try using a table. Standard table Use .table with a <...

Creating beautiful content with text styles
You can make the font size of a paragraph of text larger by giving it a class name of font-size-xl using the Source Code editor when editing an article. This can be used to emphasize a point or summarize the content of the article. This ...
