Styling and themes

Qbit styles pages in layers, from broad to specific. Understanding the layers means you'll always know where to make a change — and change things once instead of everywhere.

The four layers

1. Defaults — every page starts presentable out of the box.
2. Theme — a reusable style set (colors, fonts, buttons) shared across pages. Themes are a Premium feature.
3. Custom Appearance — this page's own overrides, layered on top of its theme.
4. Element styles — settings on one specific element, which win over everything.

More specific always beats more general. Clear a specific setting and the layer below shows through again.

Styling this page

On the Appearance tab, under Custom Appearance, work through the rail:

• Page — background color or image, padding, alignment.
• Body Text, Headings, Buttons — color, size, and font for each. The font picker offers 40+ fonts across sans-serif, serif, monospace, and handwriting styles.
• Color Swatches — name your brand colors once, then pick them everywhere. Update a swatch later and everything using it follows.

To style a single element instead, click its palette icon on the Content tab — fonts, colors, borders, spacing, and alignment per element, with a Reset styles option if you want a do-over.

Working with themes

A theme carries your brand across every page:

• Apply one: Appearance tab → Select theme. (A theme must be published to take effect.)
• Edit one: the Themes section in the left nav. Theme edits are drafts until you publish them — then every page using the theme updates at once.
• Create one from a page you like: Appearance tab → Reuse styling → Save as a reusable theme. Your hand-styled page becomes a theme you can apply anywhere. Copy onto another qbit does the same for just one other page.

The practical rule

Put brand-wide decisions in the theme, page-specific tweaks in Custom Appearance, and one-off exceptions on the element. Future-you, updating the brand color in one place, will be grateful.