> For the complete documentation index, see [llms.txt](https://aries-theme.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://aries-theme.gitbook.io/docs/theme-settings/custom-css.md).

# Custom CSS

Custom CSS lets you add site‑wide style tweaks without editing theme files. Use it for small visual adjustments that apply across all pages.

<figure><img src="https://2498163780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2LxG3rPCoA6sZo7ovFkR%2Fuploads%2FdGKlwIgLquZJpVCBWKXD%2FCapture%20d'%C3%A9cran%202025-09-02%20111351.png?alt=media&amp;token=12281237-42df-4c95-94c3-b8be03b2fe98" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

#### How to set it up

* Go to **Online Store** > **Themes** > **Customize**.
* Open **Theme settings** > **Custom CSS**.
* Make your changes, preview live, then click **Save**.
  {% endhint %}

### Settings

* **Custom CSS**: Paste valid CSS rules. These load after the theme styles, so they can override defaults. Keep selectors specific to avoid unintended changes.

***

### **Tips**

* Prefer theme settings first; use Custom CSS for gaps only.
* Keep selectors scoped (e.g., target a section or template wrapper).
* Avoid <mark style="color:red;">!important;</mark> increase specificity instead.
* Test on mobile and desktop. Small rules can have wide effects.