Customize the icons for your manuals

When you have more than one manual, your knowledge base will display them when a reader views your knowledge base online. Here are some instructions for modifying the look of each manual.

Click on Icon Dropdown > Select Icon

You will have to scroll down the page before you can see the manual icons.

  1. Select the Group Layout (Small and Large icons will display icons)
  2. Click the icon dropdown
  3. Select from our icon library

If you would like to add custom icons to your manual see here:

How to add custom icons to your manuals

Preview > Publish Changes

If you are not ready to publish your changes to your knowledge base, do not click Publish. ScreenSteps will save your changes, and you can come back later to work on your knowledge base.

View New Icons

Now, each manual is represented by icons and makes your knowledge base look pretty sweet.

5 Comments

Alisa Bevziuk

Is it possible to upload our own icon for a chapter, if we design one?

Trevor DeVore

@Alisa - not at this time.

Michael Bishop

It really would help with branding if we could use our own group layout icons for a manual. Is it possible to do this some other way (with hard coding for instance) as a work around?

Trevor DeVore

@michael - You can customize the look of just about anything using custom CSS in your site template. So you could add CSS that points to a resource on your own server.

http://help.screensteps.com/m/customizing/l/355738-adding-custom-css-and-javascript-to-your-template?id=355738-adding-custom-css-and-javascript-to-your-template

Trevor DeVore

@michael - we actually have an example of doing this in our CSS recipes. Look for the "Replace the icon for a manual (Advanced)" recipe here:

http://help.screensteps.com/m/customizing/l/356530-css-and-javascript-customizations?id=356530-css-and-javascript-customizations

Add your comment

E-Mail me when someone replies to this comment