If this editor looks unfamiliar, you're likely using the previous version.
Access the right documentation by clicking on the button.
In this Interactive Tutorial, you'll gain insights into advanced customization options that typically go beyond the capabilities of the standard Guide text editor. These options include altering font colors and sizes, among other enhancements.
Step 1:
Choose a demo you'd like to make changes to. Click Edit to proceed.
Step 2:
Add a new guide or edit an existing one. Refer to the Adding narrative guide for a better understanding!
Step 3:
Once you're done adding text, right-click anywhere inside the text box, and select Inspect.
You'll see an HTML document structure, as you usually would when using the inspector.
This works in the exact same way as in the Demoboost Editor, with some caveats:
- You cannot use JavaScript.
- Only text or image HTML elements are allowed (you cannot use input fields, buttons etc.)
To change the text colour and size select the text you wish to tweak, and add the corresponding CSS properties in the Styles panel.
- Colour can be changed with the color: [color]; property.
- Size can be changed with the font-size: [size]; property.
For more information about tweaking text with CSS, visit the documentation.