> ## 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.

# Ytterligare CSS

> Slutföra utseendet på ditt tema med ytterligare stilregler från kodredigeraren.

Page Creative **Ytterligare CSS** öppnar delen. Du kan skriva dina egna CSS regler till kodredigeraren. Linjenummer hjälper dig att hitta den plats du har ordnat på en lång fil.

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

> [card] 1. CSS redaktör
>
> Type reglerna här. I exemplet är korthörn rullade.

> [card] 2. Linjenummer
>
> Helps du följer den linje du ändrar i långa regler.

## Lägg till en stilregel

Välj först klassen av objektet du vill ändra. Följande regel rullar hörnen av hjälpskrivarkortet på standardtemat:

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

Selektiv anger objektet som ska tillämpas av regeln; området i dekorerade hängslen kommer att ändra stilen. Använd klassen av det relevanta objektet om du arbetar med ett annat tema.

## Identifiera domän

`.card` Som en allmän väljare kan påverka många kort i samma klass. Lägg till klassen eller behållaren selektivt i det avsnittet för att ändra en viss del ensam.

Allmän färg, bredd och före teckensnitt [Färger](https://docs.zonely.gen.tr/sv/guides/page-builder/colors.md), [bosättning](https://docs.zonely.gen.tr/sv/guides/page-builder/layout.md) och [Fonts](https://docs.zonely.gen.tr/sv/guides/page-builder/fonts.md) använder fälten. Med ytterligare CSS kan du behöva kontrollera två platser i nästa förordningar om du skriver om dessa inställningar.

## Förhandsgranska och spara

Efter att ha skrivit regeln öppnar du den drabbade sidan i förhandsgranskning. Kontrollera till exempel en regel för hjälpkort i hjälpartikeln; på huvudsidan kan det inte vara tillgängligt.

Stäng fönstret **Spara alla** Tryck på knappen. Visa samma sida, öppen / skrivbordsvy och telefonvisning på användarsidan.

Om resultatet inte visas, kontrollera om selektiva matcher med rätt objekt, de dekorerade hängslen är stängda, och funktionslinjerna separeras av den påpekade kommatecken. Du kan ta reda på vilken förändring som påverkar utseendet genom att ta bort och jämföra den sista tillsatta regeln.


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