Intro

Why should use Premium Global Settings for Gutenberg? When you're building a website, your colors and typography should be the same across your entire site to improve the overall look. Global Settings for Gutenberg allow you to create a unified color palette and set your default colors and typography for Premium Blocks for Gutenberg Blocks and the native blocks from Gutenberg Builder for your entire website.

Premium Global Settings for Gutenberg enable you to update your website styles and settings from one convenient location. This prevents you from having to repeatedly open website parts and change them individually.

Requirements:

• You will need Premium Blocks free plugin installed and activated on your website.
• Also, make sure that this Feature is enabled in Plugin Settings.

How to Enable Global Settings in Post Editor for Gutenberg?

Head up to your WP Dashboard -> Premium Blocks -> Settings tab and make sure that Global Setting SideBar in Post Editor feature is enabled.

How to Enable Global Settings in Site Editor for Gutenberg?

• You will need to use a block theme that supports WordPress Full Site Editing.
• Head up to your WP Dashboard -> Premium Blocks -> Settings tab and make sure that the Global Settings in Post Editor feature is enabled in Plugin Settings.
• From The Settings tab make sure that Global Setting SideBar in Site Editor feature is enabled.

How to Use the Global Settings for Gutenberg?

Click on the three-dots icon at the top right. You’ll see the Gutenberg editor options opening up, and under the plugins section, you'll find Premium Blocks for Gutenberg Settings.

Global Colors

Set a global color palette that will be used. You can choose the default theme color palette these colors are locked and cannot be modified or Premium Blocks for Gutenberg preset color pallets. You can also add a new custom color or delete a custom color if you want.

If you choose the premium blocks color palette as your default color palette the colors will be applied to the premium blocks elements.

How to Apply Premium Blocks colors to the Gutenberg native blocks?

• First, choose Premium Blocks colors as your default color palette.
• Enable the Apply to Native Blocks option in the color section.

How to add a new custom color?

Click on the plus button in custom colors.

How to delete a custom color?

Hover on the color and you will see the delete icon click on it to delete.

Global Typography

Set the Global Typography styles of your headings, buttons, and paragraphs across all your blocks.

Typography options:

• Font Size: You can set the size of the font for different devices and also change the unit px or em.
• Font Family: Choose your preferred font type and google fonts are fully included.
• Font Weight: Choose the thickness of a font.
• Line Height: You can set the line-height of the font for different devices by the px unit.
• Letter Spacing: You can set the letter-spacing of the font for different devices by the px unit.
• Font Style: Choose your preferred font style.
• Text Transform: Set text-transform lower case, upper case, or none.
• Text Decoration: Set text-decoration line through, underline, or none.

How to Apply Premium Typography to the Gutenberg native blocks?

Enable the Apply to Native Blocks option in the typography section.

Layout Settings

Set global value for Premium Blocks Container block width and responsive devices breakpoints.