Section styles

Layouts, visibility, Page assignment, and style controls.

Quick start

Open the theme editor for a portfolio: /portfolios/theme-edit/[pid] (from My Portfolios or the workspace menu → Edit theme).
In the left sidebar, select the Sections tab (next to Global).
Open Layers if needed, then click a section (for example Hero) so the sidebar shows that section’s editor. You should see a heading such as Hero Section.
Change Layout, or open a visible style group (for example Media or Text) and adjust one control. Watch the live preview update.
Click Save in the workspace header when you like the result.

Site-wide colors and typography live under Global — see Global styles. Editor shell and Save: Theme editor overview.

Deep dive

What Sections controls

Sections styles one section at a time: layout, visibility, heading, width, and the style groups for that section. Pick the section from Layers (or keep the current selection), then edit in the sidebar.

Canonical path: /portfolios/theme-edit/[pid] → Sections.

If you see Select a section to edit, open Layers and click a section name.

Layout chooses which controls appear

Near the top of each section editor, Layout sets how that section is arranged (for example a split hero vs an image behind the headline).

Changing Layout also changes which style groups and fields appear below. Controls that do not apply to the active layout are hidden — that is intentional, not a bug. After you switch layouts, scan the groups that remain (Structure, Media, Overlay & Card, Text, and so on) and tune only what you see.

You do not need a full catalog of layout names. Choose a layout in the preview, then style the controls Portura shows for that choice.

Hide section and hide section heading

Two different toggles:

Control	What it does
Visible	Shows or hides the whole section on the public page. You can also toggle visibility from Layers (Hide section / Show section).
Page	In the Sections sidebar on Plus, assigns the selected original section to one page. Hidden for the site menu — that chrome appears on every page. Extra copies use Appears on and Move to in Layers, not this Page field. Details: Layers and section order.
Hide Section Heading	Keeps the section content but hides the themed section title band (the Section Heading Text). Useful when the layout already has its own headline (hero, contact form, embeds, content blocks).

Reorder, move, and share sections in Layers. Style knobs stay here under Sections.

Readable text on image heroes

When Hero Layout is Full Bleed or Card on Image, headline and subheadline sit on top of media. Dark text on a dark photo (or light on light) is hard to read.

Under Overlay & Card:

Add an Overlay tint (or gradient) so text stays readable, or
Use a Content Card / Card behind the text so type sits on a solid or semi-opaque panel

Then set Headline / Subheadline colors that contrast with that backdrop. Check the preview at mobile width too — thin overlays that work on desktop can fail on a cropped crop.

Prefer Global colors and fonts first (Global styles), then override only the sections that need a distinct look — especially Hero.

Global vs Sections vs Theme Designer

Goal	Use
Brand colors, fonts, page width	Global — Global styles
One section’s layout, visibility, or local styles	Sections (this guide)
AI starting point from three questions	Theme Designer AI (opens from Preview)

Editor shell, Save, Layers, and workspace navigation: Theme editor overview.

Portfolio words and media still belong in the portfolio editor — theme-edit only changes how that content looks.

Tips

Select the section in Layers, then refine styles under Sections — do not hunt for every control under Global.
After changing Layout, re-check the preview; some style groups appear or disappear with the layout.
Use Hide Section Heading when a layout already shows a strong headline, so you do not get two titles.
For Full Bleed / Card on Image heroes, set Overlay or a content Card before you polish typography alone.
Use the ? next to the Sections tab for a short reminder and a Learn more link to this article.

Keep section copy and images in the portfolio editor. Section styles only change layout and presentation.