# Custom CSS

&#x20;To get more details on how to use the section, check the following help [<mark style="color:blue;">**page**</mark>](https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css).

&#x20;If you need to add your custom CSS to a specific section on the page, check whether it includes the **“Custom CSS”** to implement changes individually for that template:

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

&#x20;The theme provides the “Custom CSS” for both static and dynamic sections in the theme Editor.

### How to adjust the font size in the Announcement bar using CSS

You can change the font size in the Announcement bar by using the provided global section.

Here is an example of the code that can be placed in the input field to change the font size on the desktop:

```
@media only screen and (min-width: 750px) {
  .header__tape p {
    font-size: 16px;
  }
}
```

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

This is the part of the code that can be used for mobile:

```
@media only screen and (max-width: 390px) {
  .header__tape p {
    font-size: 24px;
  }
}
```

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

Replace the values with any other you wish.


---

# 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://mpithemes.gitbook.io/shella-shopify-theme/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.