# ▶️ How and when to use style blocks Source: https://support.storeconnect.com/articles/how-and-when-to-use-style-blocks · Last modified 21 August 2026 Video: https://vimeo.com/1197572010?fl=sv&fe=ci ## 1. Create a style block 1. Go to the **Style Blocks** list (**StoreConnect Navigation** → **Custom Content**). 2. Select **New**. ## 2. Configure the style block 1. Give the style block a **Name** you will recognize later. 2. Assign it to your **Store**. 3. Set the configuration: - **Active** — check this to enable the style block. - **Channels** — select **Web** for your online store, **POS** for the point of sale app, or both. This field is required. - **Global** — check this to apply the CSS across the entire store. Leave it unchecked and the style block is not included on your store at all. - **Media** — the media type the CSS is meant for: `all`, `print`, or `screen`. This is written out as the `media` attribute on the rendered tag. - **Position** — the order style blocks load in. Lower numbers load first. 4. Enter your CSS in the **Content** field, written **without** `