How to Customize WordPress.com Design: Global Styles, Fonts & CSS (2026)

Changing a font on WordPress.com used to sit behind a paywall.

Not any more.

For years, the real design controls, custom fonts, your own colour palette, hand-written CSS, needed the Premium plan or higher. Then on 2 April 2026, WordPress.com moved all of it down to its cheapest paid tier: Personal, at $4 a month.

The tools that used to cost $8 or $25 a month now come with the entry plan — cheaper still with a WordPress.com coupon.

I have set these panels up on client sites, so this is the step-by-step version, Global Styles, fonts, colours and CSS, with a screenshot of every one.

Step 1: Open Global Styles

Everything lives in the Site Editor's Styles panel.

Step 2: Set your typography

Typography is where most of a site's personality comes from. Open Styles → Typography and you get three areas:

• Fonts — install and manage the fonts available to your site.
• Elements — style Text, Links, Headings, Captions and Buttons individually.
• Font Sizes — the global size presets your blocks use.

For each element you can set the font family, size, weight, line height, letter spacing and text transform.

Step 3: Add custom fonts (two ways)

Out of the box a theme ships with a font or two. To add your own, open Typography → Fonts → Add fonts. There are two routes: uploading your own files, or installing a free Google Font.

Option 1: Upload your own font files

Option 2: Install a Google Font (free)

Step 4: Set your brand colours

Open Styles → Colors. You get two parts:

• Palette — click Edit palette to define your brand's set of colours (with HEX, RGB or HSL values, and gradients).
• Elements — assign colours to Text, Background, Captions, Buttons and Headings.

Set the palette once, then apply those swatches everywhere. Change a palette colour later and it updates across the whole site.

Step 5: Write custom CSS (for full control)

When the visual controls run out, drop into code.

This is where you get the final say. WordPress.com's custom CSS editor lets you override anything the panels cannot reach.

Step 6: Fine-tune individual blocks

Back in Styles → Blocks, you can style a specific block type across the entire site, every Button, Image, Quote or Search block at once, controlling its typography, colours, padding, borders and margins.

This is the layer between "global" and "one page." Set your buttons' look here and every button on the site follows, without touching one by hand.

Pro tips for a cleaner result

A few habits that keep a custom design tidy:

• Preview with the Style Book. The eye icon in the Styles panel shows every element and block on one screen, so you can check your changes at a glance.
• Limit yourself to 2-3 fonts. More than that and a site starts to look busy. One for headings, one for body, is plenty. See which fonts to pick.
• Change the palette, not individual elements. Editing the palette updates everything mapped to it; hard-coding a colour on one element breaks that link.
• Test on mobile and tablet. Use the device previews before publishing, type and spacing that look right on desktop can crowd on a phone.

Final take

The design ceiling on WordPress.com used to be a real reason to look elsewhere.

Since April 2026, that reason is mostly gone. Global Styles, self-hosted fonts, a full colour system and CSS with preprocessors all come with the $4 Personal plan.

If you are still deciding whether WordPress.com is the right home, my hands-on review of its AI builder covers how fast you can get a site live in the first place. And if you want to own your platform properly rather than renting an audience on social media, this is the level of control that makes owning it worthwhile.