Customize the icons for your manuals

Updated Jun 28, 2018

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.

Open the site template editor

To learn how to open the site template editor refer to the following article: How to edit your site design

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 and then Publish changes

Preview then publish chanages

If you are not ready to publish your changes to your knowledge base, do not click Publish. ScreenSteps will save your changes in the browser you are working in, 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

Still Need Help?

Contact Us