RoamJS is becoming a part of SamePage! To check out the inter-tool network we're building, click here to learn more!



Table of Contents

Custom Styles

In the Theme tab in the settings of roam/js/static-site, you'll see a code editor that accepts CSS formatting:

All styles entered into this code block will automatically get added to the bottom of a theme.css file that is uploaded to the root of your website. The extension also includes a set of default styling which you could find here.

Classname Tags

In Roam, you could add a class name to a block by adding a tag that begins with a period, like #.class for example. This tag disappears from the Roam block and actually adds it to the HTML element for ease of custom styling specific blocks.

These tags are preserved in the same way in your website. This allows you to add tags to specific blocks to target for styling within your main theme.