How to change your site's global styles with the Site Editor
Posted: Sat Apr 05, 2025 6:34 am
After browsing, the next setting is Settings. This feature allows you to change the design of your entire site.
Once in the Styles page, you'll see a few predefined style options, each with different colors, typography, and layout choices. Note that these predefined options will vary from one block theme to another.
The Styles page in WordPress Full Site Editor
You can also click the eye icon next to "Styles," which represents the stylebook.
This will allow you to see the typography of the style options and what text blocks using that style will look like, such as headings, paragraphs, lists, etc.
Choosing the Style Book feature in WordPress Full Site Editor
As in the previous section, the "pencil" button on this page allows you to whatsapp data access the editing interface.
Here, you'll primarily use the right-hand panel to change the typography, colors, background image, shadows, and layout to suit your exact needs. You can also customize the appearance of specific blocks for the entire site.
The Global Styles settings in WordPress Full Site Editor
Typically, you'll see your homepage in the editor. However, changes you make there will also affect other web pages.
Change the typography of your site
To change your site's fonts , navigate to the Modified sidebar on the right and select "Typography."
You will now see several text elements that you can edit: Text, Links, Titles, Captions, and Buttons.
What Typography elements are available to edit in WordPress Full Site Editor
The Text element's settings determine how fonts appear across your entire site. This means that if you make changes to this element, they will be reflected in all blocks that use text on your site.
That said, you can click on the Links, Titles, Captions, or Buttons element to change the style of those specific blocks so that they look different from the rest of the text.
For example, if you want your headings to have a different font than the paragraph block to make them stand out better, you can configure the Settings in the Headings element.
In general, you can change the font, size, appearance, and line height of each element.
Font choices depend on the theme you're using. Additionally, Appearance determines whether you want to use a regular, bold, or italic version of the font.
Once in the Styles page, you'll see a few predefined style options, each with different colors, typography, and layout choices. Note that these predefined options will vary from one block theme to another.
The Styles page in WordPress Full Site Editor
You can also click the eye icon next to "Styles," which represents the stylebook.
This will allow you to see the typography of the style options and what text blocks using that style will look like, such as headings, paragraphs, lists, etc.
Choosing the Style Book feature in WordPress Full Site Editor
As in the previous section, the "pencil" button on this page allows you to whatsapp data access the editing interface.
Here, you'll primarily use the right-hand panel to change the typography, colors, background image, shadows, and layout to suit your exact needs. You can also customize the appearance of specific blocks for the entire site.
The Global Styles settings in WordPress Full Site Editor
Typically, you'll see your homepage in the editor. However, changes you make there will also affect other web pages.
Change the typography of your site
To change your site's fonts , navigate to the Modified sidebar on the right and select "Typography."
You will now see several text elements that you can edit: Text, Links, Titles, Captions, and Buttons.
What Typography elements are available to edit in WordPress Full Site Editor
The Text element's settings determine how fonts appear across your entire site. This means that if you make changes to this element, they will be reflected in all blocks that use text on your site.
That said, you can click on the Links, Titles, Captions, or Buttons element to change the style of those specific blocks so that they look different from the rest of the text.
For example, if you want your headings to have a different font than the paragraph block to make them stand out better, you can configure the Settings in the Headings element.
In general, you can change the font, size, appearance, and line height of each element.
Font choices depend on the theme you're using. Additionally, Appearance determines whether you want to use a regular, bold, or italic version of the font.