Customising with CSS

A little CSS goes a long way

Even without being a developer, adding small bits of CSS lets you adjust the things themes do not expose as settings.

Where to add custom CSS

Appearance → Customize → Additional CSS\n# or (block themes) Site Editor → Styles → Additional CSS\n\n/* Example: round the images */\nimg { border-radius: 12px; }

How CSS works

• selector — what to target (e.g. h2, .site-title, img)
• property — what to change (color, font-size, margin)
• value — the setting (red, 20px, 10px 0)

/* target the site title only */\n.site-title {\n  font-size: 28px;\n  color: #1a4b8c;\n}