> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify-han-update-changelogs.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Custom CSS

> Fully customize your documentation with custom CSS

<Check>
  Custom CSS is available as an add-on to the [pro plan](https://mintlify.com/pricing).
</Check>

Add any number of CSS files to your repository and the defined class names will be applied and available across all of your MDX files.

## Adding style.css

For example, you can add the following `style.css` file to customize the styling of the navbar and footer.

```css
#navbar {
  background: "#fffff2";
  padding: 1rem;
}

footer {
  margin-top: 2rem;
}
```

## Using Identifiers

Mintlify has a set of common identifiers to help you tag important elements of the UI. Some, but not all are listed in the following:

`#topbar-cta-button` `#navbar` `#sidebar` `#content-area` `#table-of-contents`

<Tip>
  Use inspect element to find references to elements you're looking to
  customize.
</Tip>

<Warning>
  References and the styling of common elements are subject to change as the
  platform evolves. Please use custom styling with caution.
</Warning>