Styling callout text blocks

Updated Apr 11, 2017

ScreenSteps allows you to style text blocks in order to draw attention to them. You can select from the following list of styles:

  • Introduction
  • Alert
  • Tip
  • Info
  • Warning
Examples

This is an introduction box.

This is an alert box. 

Use this to call out critical information. If the reader ignores the information in this block then the results could be disastrous.

This is a warning box.

Use this to call out information that is very important but not critical.

This is a tip box.

Provide power user or short cuts tips here.

This is an info box.

Add additional information that you want to call out but that doesn't fit into any of the categories above.

Styling text blocks (web)

Locate the Style menu

  1. Click inside the text block that you would like to style.
  2. Select the Content Inspector.
  3. Use the Style menu to choose a style for the text block.

Select the style

Styling text blocks (desktop)

Locate the Style menu

  1. Click inside the text block that you would like to style.
  2. Select the Content Inspector.
  3. Use the Style menu to choose a style for the text block.

Select the style

The text block will update with the selected style.

5 Comments

Allison Anderson

I love this new feature! Only issue I have is that the icons don't appear correctly after pushing to Zendesk. Is there something I need to do on the Zendesk side to affect this?

Trevor DeVore

@Allison - Here is the article that shows you how to add the CSS and Javascript to Zendesk in order for the new features in ScreenSteps to work: http://help.screensteps.com/m/zendesk/l/526427-add-screensteps-styles-and-javascript-to-zendesk-hc?id=526427-add-screensteps-styles-and-javascript-to-zendesk-hc

Allison Anderson

@Trevor Thanks so much! You guys have article for everything! :-)

Syndi Martin

How do you get these options to appear? When I am creating an article in desktop, sometimes I have the option to choose on of these in my left pane, sometime the left pane is article inspector. There isn't an obvious way to change this left pane and I have no idea what prompts it to be one or the other.

Trevor DeVore

@Syndi - To get the options to appear you have to a) be working on a text content block (not a heading) and b) have the Content Inspector selected. In this article you will find a picture of the icon to click on in the editor under step 2 of "Locate the Style menu". It looks like a paintbrush. Clicking on it will show the options for the content block you are currently editing.

Add your comment

E-Mail me when someone replies to this comment

Still Need Help?

Contact Us