> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zonely.gen.tr/llms.txt
> Use this file to discover all available pages before exploring further.

# Zusätzliche CSS

> Vervollständigen Sie das Erscheinungsbild Ihres Themes mit zusätzlichen Stilregeln aus dem Code-Editor.

Seite Creative **Zusätzliche CSS** öffnet das Teil. Sie können Ihre eigenen CSS-Regeln in den Code-Editor schreiben. Zeilennummern helfen Ihnen, den Ort zu finden, den Sie in einer langen Datei angeordnet haben.

[![CSS editor, Line numbers](https://mintcdn.com/zonely-a8cd49e7/chEWsMezXc9HlpJ7/images/panel/page-builder-guide-20261025/22-ek-css-de.png?fit=max\&auto=format\&n=chEWsMezXc9HlpJ7\&q=85\&s=eecc5e238d8ba7b0a70d8c753186931c)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/22-ek-css-de.png)

> [card] 1. CSS Editor
>
> Type die Stilregeln hier. Im Beispiel werden Kartenecken gerollt.

> [card] 2. Zeilennummern
>
> Hilft Ihnen, die Linie zu folgen, die Sie in langen Regeln ändern.

## Fügen Sie eine Stilregel hinzu

Wählen Sie zunächst die Klasse des Elements, das Sie ändern möchten. Die folgende Regel rollt die Ecken der Helpwriting-Karte auf dem Standardthema:

```css theme={"theme":"css-variables"}
.zn-help-article-card {
  border-radius: 18px;
}
```

Selective gibt den Gegenstand an, der durch die Regel angewendet werden soll; der Bereich in den dekorierten Zahnspangen ändert den Stil. Verwenden Sie die Klasse des betreffenden Gegenstands, wenn Sie an einem anderen Thema arbeiten.

## Domain identifizieren

`.card` Wie ein allgemeiner Selektor kann viele Karten in der gleichen Klasse beeinflussen.

Allgemein Farbe, Breite und Schriftart [Farben](https://docs.zonely.gen.tr/de/guides/page-builder/colors.md), [Abwicklung](https://docs.zonely.gen.tr/de/guides/page-builder/layout.md) und [Schriftarten](https://docs.zonely.gen.tr/de/guides/page-builder/fonts.md) verwenden die Felder. Mit zusätzlichem CSS müssen Sie möglicherweise zwei Stellen in den nächsten Vorschriften überprüfen, wenn Sie diese Einstellungen neu schreiben.

## Preview und Save

Nach dem Schreiben der Regel öffnen Sie die betroffene Seite in der Vorschau, z. B. überprüfen Sie eine Hilferegel im Hilfeartikel; auf der Hauptseite ist sie möglicherweise nicht verfügbar.

Schließen Sie das Fenster **Rettet alle** Drücken Sie die Taste. Sehen Sie sich die gleiche Seite, die Öffnungs-/Schreibtischansicht und die Telefonanzeige auf der Benutzerseite an.

Wenn das Ergebnis nicht angezeigt wird, prüfen Sie, ob die Auswahl mit dem richtigen Element übereinstimmt, die dekorierten Zahnspangen geschlossen sind und die Feature-Linien durch das spitze Komma getrennt sind.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.