# Styling a CMS block individually

You can style a specific CMS block using CSS by assigning a custom CSS class in the block settings and defining the desired styles either in your stylesheet or within your theme configuration.

***

## Adding a CSS class to a CMS block

1. Click on the desired CMS block to select the CMS block (1).
2. Switch to the "Block settings" tab in the sidebar on the right (2).
3. Open the "Layout" section (3).
4. Enter your own CSS class in the "CSS classes" configuration (4).
   * **Tip**: Separate multiple classes with a space.
5. Save the changes to your Shopping Experience.

After reloading the storefront, your styling should now be applied to the CMS block.

<figure><img src="/files/h9chwn66OI5mP7f7t6yG" alt=""><figcaption></figcaption></figure>

***

#### Further information

You can find more information on how to add CSS styles in the following instructions:

{% content-ref url="/pages/sv4AbcGPPn29g3gNgF6V" %}
[Individual customizations by means of CSS](/knowledge-base/tutorials/individual-customizations/individual-customizations-by-means-of-css.md)
{% endcontent-ref %}


---

# 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://knowledge.themeware.design/knowledge-base/tutorials/shopping-experiences/styling-a-cms-block-individually.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.