Add custom CSS to one section
On the Pro plan, style one section with your own CSS rules — they apply to that section only and go live when you publish.
In My website, open Sections (phone: ⋯ → Edit my site) and tap the section you want to style.
At the bottom of its form, open Advanced.
Type your rules in Custom CSS — plain selectors for what is inside the section, for example h2 { color: #8a1c1c; }.
Watch the preview: the rules change this section only, and save to your draft by themselves.
Publish to show it to visitors.
Related
- Add, move or hide a sectionAdd a ready-made block to your page, then move, duplicate, hide or delete it from its menu.
- Change colours and fontsMy website → Style holds your whole look: presets, colours, fonts, spacing, corners and buttons.
- Publish your changesThe editor and Style save a draft visitors do not see; Publish puts it live. Products and Settings are live at once.