Customize colors and designs

To customize the colors and designs of your Guides, go to Customize > Design in the Userlane Portal.

If you have already a Userlane account and you are based in Europe ⇨ Start this Guide for a walkthrough of the design options. If you are based in the US ⇨ Start this Guide.

Keep in mind: The Design settings will affect all Guides. This means that if you change the label of the button here, you'll change the colors of all step buttons in all of your Guides.

Changing colors

You can define a color in two ways:

  • Add a Color Hex Code to the field

  • Type the color name 

Changing the corner radius

Play around with the pixel value to see how your buttons' corners change. Ensure that the number is always followed by "px" (e.g. 20px).

Changing the Assistant's image

Click "upload image" to upload the image you like to guide your users through your processes. Make sure that the assistant image is relatable to your users (e.g. the face of one of your co-workers). You could also use the logo of your company, the application you are building Guides for, or any nice symbol like a question mark. We recommend an image size of 200x200 px. View our Working with images article for more details on image file recommendations.

✅ Do you need to make more changes?

Userlane elements (size, position, etc.) can be modified by using CSS (Cascading Styles Sheets), in case it's required to adjust more than is available in the Userlane Portal. Keep in mind though, that you are responsible for this type of implementation and its maintenance. Please talk to your web developers to implement those additional changes in your webpage's code for Userlane elements. 

User Icon

Thank you! Your comment has been submitted for approval.