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.
