Theme editor overview

Preview, Global vs Sections, pages on Plus, save, and workspace navigation.

Quick start

Sign in, open My Portfolios, and open a portfolio’s workspace menu (card kebab or the three-dot Portfolio workspace menu in edit/preview).
Choose Edit theme to open /portfolios/theme-edit/[pid].
In the left sidebar, switch between the Global and Sections tabs. Make a small change (for example a Global color), and watch the live preview update.
Click Save in the workspace header when you are ready. Use Preview from the workspace menu (or open Preview from edit) to review the full private preview anytime.
You should now know how to open the theme editor, switch Global vs Sections, and save.

Themes control the look of your public page. Edit text, media, and section content in the portfolio editor at /portfolios/edit/[pid].

Deep dive

Theme vs portfolio content

A theme is the visual configuration for a portfolio: colors, typography, page spacing, section layouts, and style controls. Your portfolio content — profile copy, projects, gallery images, contact settings — lives in the content editor.

Work	Where
Words, lists, media, privacy	`/portfolios/edit/[pid]` — Portfolio editor overview
Colors, layouts, section styles	`/portfolios/theme-edit/[pid]` — this guide

Always use the canonical /portfolios/theme-edit/[pid] path. Older /portfolio/... aliases may redirect, but Help teaches /portfolios only.

Opening the theme editor

From My Portfolios, edit, or preview, use the workspace menu → Edit theme. From Preview you can also click the header Edit theme button. The theme editor shows:

A left sidebar with Global / Sections tabs (on small screens: Editor sheet)
A center live preview of your themed portfolio
Header actions: show/hide sidebar, Save, Reset, Undo / Redo, and show/hide Layers (section order panel). Reorder, move, and share steps: Layers and section order. Header, site menu, and footer: Headers, footers, and navigation.

Unsaved changes warn you before you leave. Reset discards unsaved edits and restores the last saved theme (you confirm first).

Pages, Layers, and preview (Plus)

When the owner plan includes extra pages and the theme has more than Home:

Layers groups sections under page headers (Home, then extras). Drag within a page to reorder. Drag across pages to move a section. Header, Site menu, and Footer stay pinned as site chrome above the page groups.
The live preview shows a page switcher so you can preview Home or an extra page without leaving the editor. Clicking a layer also switches the preview to that page. Free and Pro do not show the switcher.
In the Sections sidebar, a Page field next to Visible assigns the selected section to one page. The site menu has no Page field — it is chrome on every page. Menu items use the labels you set — Page, Section, or External link — not automatic page titles. The same enabled links show on every page; a section on another page opens that page URL, then scrolls.

Free and Pro: If leftover extra page groups remain after a downgrade, they stay visible in Layers, greyed, and not draggable. Home stays editable. Public extra URLs redirect to Home until you upgrade again. Add and rename pages in the content editor: Nickname, URL, and pages.

Global vs Sections

Use the sticky tabs at the top of the sidebar:

Global — site-wide look: colors, page padding and content width, page background, section entrance defaults, component defaults, and typography. Changes here affect the whole portfolio unless a section overrides them.
Sections — pick one section (Hero, Projects, and so on) and adjust that section’s layout and style controls. Which controls appear depends on the layout you choose.

Deeper Global and Sections walkthroughs: Global styles and Section styles.

Live preview and sync

Edits in the sidebar update the preview as you work so you can judge spacing and contrast without publishing. Saving stores the theme for this portfolio; your public page still follows your draft/publish flow for content. If the portfolio or theme changes elsewhere while you are editing, the theme editor can prompt you to refresh so you are not working on a stale snapshot.

Persona catalog and Theme Designer

Portura includes persona-based catalog themes (browse the marketing /themes page). In Preview, the workspace menu can open Change theme to pick a catalog theme, or Theme Designer to generate a starting look from a short questionnaire.

For the AI wizard steps (Overall vibe, Color mode, Layout density → generate → save), see Theme Designer AI.

Start from a catalog theme or Theme Designer, then refine with Global and Sections. Avoid treating the theme editor like a full design-system reference — change what you see in the preview, then save.

Tips

Edit content in the portfolio editor; use theme-edit only for look and layout.
Prefer Global for colors and typography first, then tune important sections (especially Hero).
Save before leaving — unsaved theme changes are discarded if you confirm leave.
Use Layers when you need section order or visibility at a glance; detailed section styling stays under Sections. On Plus, Layers is grouped by page. Full how-to: Layers and section order.
Browse /themes for catalog inspiration, then open Theme Designer from Preview when you want an AI starting point.

On the theme editor header, use the ? for a short reminder and a Learn more link back to this article.