# Eigenes CSS

## Themes Stratus, Atmos, Gravity

Für die Themes Stratus, Atmos und Gravity findest Du die Felder für Eigenen Code im Tab-Reiter **Erweitert**.

![](https://1291468964-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJBhnpY7VUjuGoE5PIr%2F-MK9Ln7L_7jnfr-ip6OY%2F-MK9MSGgcTBirArlMIJJ%2Fcustom-css.jpg?alt=media\&token=62739259-7023-41fb-bcc0-cbb5fd526051)

Im Feld **individuelles CSS** kannst Du direkt CSS Code hinterlegen.

Beispiel:

```css
body {
    background: #ffffff;
}
```

Im Feld für **Weitere CSS-Dateien** kannst du auch auf externe CSS Dateien verweisen.

Beispiel:

```css
<link rel="stylesheet" type="text/css" href="https://domain.de/style.css" media="screen" />
```

## Themes Horizon, Sphere

Für die Themes Horizon und Sphere findest Du die Felder für Eigenen Code im Tab-Reiter **Konfiguration**.

![](https://1291468964-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJBhnpY7VUjuGoE5PIr%2F-Md_m1AJ5Kw9slb4gAw9%2F-Md_nOE1wF6iySuq6f3P%2Fsw5-sphere_horizon_custom_css.png?alt=media\&token=3b45975f-304d-4529-9ae7-68185f9c1850)

Im Feld für **Weitere CSS-Dateien** kannst du auf externe CSS Dateien verweisen oder direkt CSS Code hinterlegen.

Beispiel - externe CSS Datei:

```css
<link rel="stylesheet" type="text/css" href="https://domain.de/style.css" media="screen" />
```

Beispiel - CSS Code:

```css
<style>
body {
    background: #ffffff;
}
</style>
```

{% hint style="warning" %}
Die style-Tags sind hier zwingend erforderlich.
{% endhint %}