Customize your Knowledge Base and Guides with CSS
With CSS and HTML customization, you can change the layout and look of your knowledge base (home page, header, search, footer) as well as individual guides (colors, font, text alignment, borders, spacing, layout, buttons and more).
This is a regular Stonly guide heavily customized with CSS to show you the extent of what's possible. Additionally, we built two tools to make it easier for you to make the changes:
- Claude skill that identifies static CSS selectors for Stonly elements to make sure your changes don't break after we make an update.
- Stonly Class Inspector. A browser (Chromium) extension that lets you manually pick elements in Stonly to identify the relevant CSS selectors and classes.
Let AI write itUse manual class picker
Below you will find complete documentation for making specific adjustments to content, knowledge base and Stonly widget.
