Styles widget (custom CSS)
The Styles widget adds CSS to the page. It is listed under Advanced and is intended for per-page or per-region styling beyond Branding → custom CSS.
When to use it
- One-off layout tweaks on a single page.
- Scoped experiments before promoting rules to Branding custom CSS.
Add a Styles widget
- Edit page content or Layouts.
- Drag Styles from Advanced.
- Click Edit.
Settings
| Setting | Meaning |
|---|---|
| Style | Your CSS rules (no need to wrap in <style> tags in the editor — the system injects them appropriately). |
| Place to | Where widget dropped — CSS applies in the page flow near that region. In page header — injects into <head> (useful for overrides that must load early). |
Cautions
- Invalid CSS can break layout; test after every change.
- Prefer Branding → custom CSS for rules that should apply everywhere.
- Do not paste CSS from untrusted sources.