# Custom CSS

Easily customize your store's overall appearance by utilizing the Custom CSS entry form. By adding valid CSS entries, you can successfully modify the default styles of your chosen theme.

## Overview

<details>

<summary>Settings overview</summary>

* Global CSS entries without editing code

</details>

Example of a CSS entry made in the Theme settings:

<figure><img src="/files/Fa8YKjMRSau0AfmHY9Md" alt=""><figcaption><p><strong>Color override for grid text</strong></p></figcaption></figure>

{% hint style="info" %}
Please note, this is different from the section-level options.
{% endhint %}

If you need to target CSS for individual sections only, use the entry form that's included at the section level.&#x20;

### Video - How to use Custom CSS&#x20;

{% embed url="<https://www.loom.com/share/c6d9650fbed345179b5582af8db67bcb?sid=616a39f1-128d-43e0-bb04-63bfc7afbae6>" %}

### Learn more about Custom CSS

Click the link below to view Shopify's official documentation about customer CSS:

{% embed url="<https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css>" %}


---

# 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://pipeline.groupthought.com/settings/theme-settings/custom-css.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.