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

# Aanvullende CSS

> Voltooi het uiterlijk van uw thema met extra stijlregels van de code-editor.

Pagina Creative **Extra CSS** open het onderdeel. U kunt uw eigen CSS regels schrijven naar de code editor. Line nummers helpen u de locatie te vinden die u hebt geregeld op een lang bestand.

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

> [card] 1. CSS-editor
>
> Soort hier de stijlregels.In het voorbeeld worden kaarthoeken gerold.

> [card] 2. Lijnnummers
>
> Helps volg je de lijn die je in lange regels verandert.

## Voeg een stijlregel toe

Selecteer eerst de klasse van het item dat u wilt wijzigen. De volgende regel is het rollen van de hoeken van de helpwriting-kaart op het standaardthema:

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

Selectieve specificeert het item dat door de regel moet worden toegepast; het gebied in de versierde braces zal de stijl veranderen. Gebruik de klasse van het relevante item als u aan een ander thema werkt.

## Identificeer domein

`.card` Net als een algemene keuze kan veel kaarten in dezelfde klasse beïnvloeden. Voeg de klasse of container om selectief in dat gedeelte om een specifiek onderdeel alleen te wijzigen.

Algemene kleur, breedte en voor lettertype [Kleuren](https://docs.zonely.gen.tr/nl/guides/page-builder/colors.md), [afwikkeling](https://docs.zonely.gen.tr/nl/guides/page-builder/layout.md) en [Lettertypen](https://docs.zonely.gen.tr/nl/guides/page-builder/fonts.md) gebruiken de velden. Met extra CSS moet u mogelijk twee plaatsen controleren in de volgende verordeningen als u deze instellingen herschrijft.

## Voorbeeld en opslaan

Na het schrijven van de regel, open de betreffende pagina in voorbeeld. Bijvoorbeeld, controleer een regel van de hulpkaart in het hulpartikel; op de hoofdpagina kan het niet beschikbaar zijn.

Sluit het venster **Alles opslaan** Druk op de knop. Bekijk dezelfde pagina, open/desk weergave en telefoonweergave aan de gebruikerskant.

Als het resultaat niet verschijnt, controleer of de selectieve overeenkomt met het juiste item, de versierde beugels zijn gesloten, en de feature lijnen worden gescheiden door de puntige komma. U kunt uitzoeken welke verandering het uiterlijk beïnvloedt door het verwijderen en vergelijken van de laatst toegevoegde regel.


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