Styling callout text blocks

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.

3 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! :-)

Add your comment

E-Mail me when someone replies to this comment