> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/section-studio/get-started/add-and-style-sections.md).
# Add and style sections
After installing a Studio section, it will be available in your theme editor to add on any page, just like any other theme section.
### Add section to template
***
Your installed sections will appear in the **Add section** list of your theme editor. You can add and re-use sections on any template (except Checkout).
All Studio sections appear in their own category and start with a ✳︎ symbol.
{% columns fullWidth="false" %}
{% column width="66.66666666666666%" %}
{% hint style="info" %}
#### Steps
1. Select the template you want to add the section.
2. Click :circle-plus: **Add section** in the theme editor's left side panel.
3. Find and select an installed Studio section.
{% endhint %}
{% hint style="success" %}
**Tip** You can rename sections in the theme editor to make them easier to manage. Click a section, then click the section name at the top of the settings panel to change it.
{% endhint %}
{% endcolumn %}
{% column width="33.333333333333364%" %}
{% endcolumn %}
{% endcolumns %}
### Customize section
***
Studio sections are customized just like any other theme section. There are **section settings** for content and styles, and **global styles** for all design elements that apply to all Studio sections.
{% columns %}
{% column width="75%" %}
{% hint style="info" %}
#### Steps
1. Click the **Section** to edit section settings.
2. Add **Blocks** (when available) and click them to edit block settings.
3. Clic blocks under the [**Global styles**](/section-studio/sections/global-styles.md) section to customize the design for all Section Studio sections added to your theme.
{% endhint %}
{% endcolumn %}
{% column width="25%" %}
{% endcolumn %}
{% endcolumns %}