Global styles
Global style settings apply default styles to all Studio sections added to your theme.
These settings gives you more control over all design elements (colors, fonts, spacing, button styles, etc.).
Use global styles to closely match your current branding and keep section styles consistent, saving time from editing each section individually.
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.
Steps
Find the Section Studio • Global styles section in the editor side panel, below the template sections.
Click the nested blocks to edit style settings for Fonts, Colors, Buttons, Icons, Borders and styles, and Layout and spacing.
Global styles preview
When you open and edit global styles settings, you can preview your changes in the Global styles preview sections that appears in the editor preview.
The Global styles preview will not appear on your live storefront.