> For the complete documentation index, see [llms.txt](https://flexi-library.gitbook.io/flexi-sections/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://flexi-library.gitbook.io/flexi-sections/docs/global-styling.md).

# Global Styling

{% embed url="<https://www.youtube.com/watch?v=x-nGed1PYUQ>" %}

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

{% stepper %}
{% step %}

#### 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.
{% endstep %}

{% step %}

#### 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).
  {% endstep %}

{% step %}

#### 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.
{% endstep %}
{% endstepper %}

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