# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://flexi-library.gitbook.io/flexi-slider-sections/docs/global-styling.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
