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 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.
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.
Theme styles control the overall look of your site, including colors, fonts, and backgrounds.
- Choose a theme’s style
- Change your site’s typography
- Change your site’s colors using styles
- Change your site’s background image
- Change your site’s background color
- Set the default style for blocks
Layout settings control how content is arranged on your site, including spacing, alignment, and content width.
Preview your style changes using the Style Book and reset styles when needed.
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 the “Remove premium styles” button on the lower left side.
- 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.
