Global Styling

Flexi lets you manage consistent styles across your entire store using global settings.

1

Use the App Embeds

Global styles are controlled through the Flexi app embeds. Toggle them on in your theme editor to access global CSS and color options.

2

Global CSS in Sections

By default, each section references the global CSS. You can turn this off with the “Use Global CSS” toggle in the theme settings.

  • If you’re only using one section on a page → keep this on.

  • If you’re using multiple sections → you’ll want to handle your CSS differently (see below).

3

Multiple Sections on a Page

When multiple Flexi sections are used on the same page, it’s best to create a CSS file in your Assets folder and include it in your theme.liquid file inside the <head></head> tags. This ensures styles load consistently without duplication.

The approaches above allow you to use global CSS for quick consistency, or an external stylesheet for more complex builds.

PreviousIcons / Logos App BlockNextImages

Last updated