Style your site

Styles controls the overall look of your site—colors, fonts, backgrounds, and layout spacing—with changes that apply across every page. Choose a guide below to customize a specific part of your site’s design.

This feature is available on sites with the WordPress.com Personal, Premium, Business, and Commerce plans. For free sites, upgrade your plan to access this feature.

If your site uses a theme that supports the site editor, you can access the Styles settings. A quick way to find out if your site uses the site editor is to check under Appearance in your site’s dashboard. If you see Editor here, you can access Styles.

Styles require an eligible plan. If your site’s plan does not support Styles, you can still access the settings but will be prompted to upgrade your plan with the following message:

“Your site includes premium styles that are only visible to visitors after upgrading to the Personal plan or higher.”

If you customize your site’s styles and later downgrade the site to a plan that does not support styles, your customizations will be preserved but hidden from visitors until the site is upgraded to a supported plan again.

You can also access Styles while editing within the Site Editor by clicking the Styles icon at the top-right (the icon looks like a black and white circle):

Choose a guide below to customize your site’s colors, fonts, backgrounds, layout, or to manage and reset style changes.

Theme styles control the overall look of your site, including colors, fonts, and backgrounds.

• Choose a theme’s style: Select from pre-designed style variations that change colors and fonts together.
• Change your site’s typography: Change fonts, font sizes, and text appearance across your site.
• Change your site’s colors using styles: Set a site-wide color palette for text, backgrounds, buttons, and links.
• Change your site’s background image: Add or replace the background image behind your site’s content.
• Change your site’s background color: Set a solid background color for your site.
• Set the default style for blocks: Choose a default appearance for specific block types, like buttons or quotes.

Layout settings control how content is arranged on your site, including spacing, alignment, and content width.

• Change the width of your content: Set the maximum width for your site’s content area and adjust how wide individual blocks display.
• Dimensions settings: Control padding, margins, and minimum height for blocks.
• Adjust the space between blocks: Add or reduce vertical spacing between blocks on your pages.

Preview your style changes using the Style Book and reset styles when needed.

• Use the Style Book to design your site: Preview how your style choices affect every block type before saving changes.
• Manage and reset your style changes: Undo style customizations or reset all styles back to the theme’s defaults.

If you need to make changes to a specific page or post rather than your entire site, these guides can help:

• Use the WordPress editor: Learn the basics of editing pages and posts in the block editor.
• Working with images: Insert, resize, and format images on your pages and posts.
• Change a block’s settings: Customize individual blocks on a page, including colors, fonts, and spacing.

The AI assistant on WordPress.com can help you choose and apply styles that give your site a cohesive, polished look. Here are some sample prompts you can copy and use:

• “Suggest a color and font combination that would suit a minimalist travel blog.”
• “What background color and typography settings make body text easiest to read?”
• “How can I use styles to make my site look more professional?”
• “What layout settings should I change to improve how my site looks on mobile?”

If you have activated premium styles but are not ready to upgrade yet, you can remove the premium styles by following these steps:

1. Visit your site’s dashboard.
2. Go to Appearance → Editor.
3. Click the “Remove premium styles” button on the lower left side.

4. Click the “Review change…” button to save your changes.

If you are editing your site, you will also see a banner at the top of the editor with the option to remove premium styles.

If you’re unable to remove the premium styles using the steps above, you can also follow the steps to reset all styles, which will remove the premium styles from your site.