Global styles

Global styles allow you to define a consistent look and feel (colors, fonts, spacing, button styles, etc.).

Similar to theme settings, global styles apply to all Studio sections in your theme and gives you more control over all design elements:

  • Closely match your current branding with settings for colors, fonts, spacing, buttons, and more.

  • Keep section styles consistent, saving time from styling each section individually.

Find Global styles in the theme editor side panel

Customize global styles


Find the Section Studio • Global styles section in the side panel, below your template sections. These settings will appear when you install a section to your theme.

Click the nested blocks to find style settings for Fonts, Colors, Buttons, Icons, Borders and styles, and Layout and spacing.

Global styles test environment


When you open and edit global styles settings, you can preview your changes in the Global styles test environment that appears in the editor preview.

Global style guides


Fonts

Colors

Buttons

Icons

Border and styles

Layout and spacing

Last updated

Was this helpful?