Skip to main content

Customize guides and steps with CSS

Stonly help centerGuidesTips & troubleshooting
Guide ID highlighted in the guide's URL.
Guide ID highlighted in the guide's URL.

Finding guide ID

First, you need to grab the ID of the guide. You'll find it in the guide's URL.

To get the guide ID:

  1. Open a guide in the guide editor.

  2. Copy the URL. It should look something like this: https://app.stonly.com/app/guide/2GfmBWnzNo/editor/589798032.

  3. The guide ID is the sequence of numbers and characters that comes after /app/guide/. In this example, it's 2GfmBWnzNo.

  4. Copy the guide ID.


Customizing CSS in a guide

To edit CSS:

  1. Log into Stonly, click on your name in the top right and go to Team Management.

  2. Switch to the Custom CSS view.

  3. In a new line, type .guide-[GUIDE_ID] and continue with the CSS code.

In the first two examples, we remove the back button from guides YbHBPIxT1u and u1TxIPBHbY.

In the last example, we change the background color in guide YbHBPIxT1u.