Using Styles, you can customize the design of your site with different colors, typography settings, and layout options. Our guides will show you how to use Styles to ensure a cohesive design across your site.
This feature is available on sites with our WordPress.com Premium, Business, and Commerce plans. For free sites and sites on the Personal plan, 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 Premium 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.
Styles are part of the Site Editor. To locate the Styles panel, follow these steps:
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):
The following guides will show you how to adjust styles, apply global colors and fonts, change your site’s layout, and manage your style changes.
Choose a theme’s style
Many block themes include pre-designed style combinations. Learn how to choose your preferred style in this guide.
Change your site’s typography
Learn how to edit the typography (font, size, appearance) for your site.
Change your site’s colors using styles
This guide will show you how to manage your site’s color palettes.
Change your site’s background image
You can personalize your site’s look and feel by giving it a custom background. If you would like to change your background image, you can follow the steps in this guide.
Change your site’s background color
You can personalize your site’s look and feel by giving it a custom background. If you would like to change your background image, you can follow the steps in this guide.
Set the default style for blocks
In this guide, you will learn how to customize how all blocks of a particular type appear when used on your site.
Change the width of your content
Learn how to change the width of your blocks, from content width to wide to full width.
Dimensions settings
Learn how to adjust the padding and margin between blocks in this guide.
Adjust the space between blocks
Learn how to adjust the spacing between blocks in this guide.
Use the Style Book to design your site
Learn how to use the Style Book to preview style changes in this guide.
Manage and reset your style changes
In this guide, learn how to restore previous style revisions or reset your styles completely.
If you have activated premium styles but are not ready to upgrade yet, you can remove the premium styles by following these steps:
- Visit your site’s dashboard.
- Go to Appearance → Editor.
- Click on the preview of your site on the right to open the Site Editor.
- Once in the editor, you will see a banner with three options (upgrade, remove, and learn more).
- You must be in the editor to see the banner; it will not appear on the page with the Design panel.
- Click the “Remove premium styles” button to remove all styles that require an upgrade.
- Click the Save button in the top-right of your editor to save your changes.
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.