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

# CSS supplémentaire

> Remplissez l'apparence de votre thème avec des règles de style supplémentaires de l'éditeur de code.

Page Creative **CSS supplémentaire** ouvrir la partie. Vous pouvez écrire vos propres règles CSS à l'éditeur de code. Les numéros de ligne vous aident à trouver l'emplacement que vous avez arrangé sur un fichier long.

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

> [card] 1. Éditeur CSS
>
> Tapez les règles de style ici. Dans l'exemple, les coins de carte sont roulés.

> [card] 2. Numéros de ligne
>
> Aide à suivre la ligne que vous changez dans les longues règles.

## Ajouter une règle de style

Tout d'abord, sélectionnez la classe de l'élément que vous souhaitez modifier. La règle suivante est de rouler les coins de la carte d'aide sur le thème par défaut:

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

Sélective spécifie l'élément à appliquer par la règle; la zone dans les accessoires décorés changera le style. Utilisez la classe de l'élément pertinent si vous travaillez sur un thème différent.

## Identifier le domaine

`.card` Comme un sélecteur général peut affecter de nombreuses cartes dans la même classe. Ajouter la classe ou le conteneur à sélectivement dans cette section pour changer une partie spécifique seule.

Couleur générale, largeur et avant police [Couleurs](https://docs.zonely.gen.tr/fr/guides/page-builder/colors.md), [règlement](https://docs.zonely.gen.tr/fr/guides/page-builder/layout.md) et [Polices](https://docs.zonely.gen.tr/fr/guides/page-builder/fonts.md) utilisent les champs. Avec CSS supplémentaire, vous devrez peut-être vérifier deux endroits dans les règlements suivants si vous réécrivez ces paramètres.

## Aperçu et enregistrement

Après avoir écrit la règle, ouvrez la page touchée en prévisualisation. Par exemple, vérifiez une règle de carte d'aide dans l'article d'aide; sur la page principale, il se peut qu'elle ne soit pas disponible.

Fermer la fenêtre **Enregistrer tout** Appuyez sur le bouton. Affichez la même page, ouvrez/desk et affichez le téléphone du côté utilisateur.

Si le résultat n'apparaît pas, vérifiez si le sélectif correspond à l'élément droit, si les accoudoirs décorés sont fermés et si les lignes de la fonction sont séparées par la virgule pointue. Vous pouvez trouver quel changement affecte l'apparence en supprimant et en comparant la dernière règle ajoutée.


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