This is an example of a text style. It makes certain text stand out from the rest--helpful for warnings, tips, alerts, information, or introductions.
You can include additional content under a foldable section.
Updating your Zendesk template
Insert the following code into the
document_head.hbs section of your Zendesk template.
<link href="//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet"> <link href="//assets.screensteps.com/assets/external-services/v1/article.css" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="//assets.screensteps.com/assets/external-services/v1/zendesk-helpcenter.js"></script>
Allow unsafe HTML in Zendesk articles
The ScreenSteps workflow articles make use of data attributes which are not allowed by default in Zendesk articles. You need to select Display Unsafe Content in your Zendesk Guide settings. See here for instructions from Zendesk:
Hi Greg, I could use a little help with the styling of the foldable section titles. I see the selectors you provided above, but I'm not sure where to place them or what designators to add. I want Heading 1 to be 28px, Heading 2 to be 24px, Heading 3 to be 20px, and Heading 4 to be 16px. Can you suggest how to insert this into the CSS?
@Tony - I just added an example of the CSS that changes the foldable section font size. You would just add this CSS to the area in Zendesk where you add other CSS.