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

# Tilleggs CSS

> Fullfør utseendet på temaet ditt med ekstra stilregler fra koderedigeringsprogrammet.

Side Creative **Ytterligere CSS** Åpne delen. Du kan skrive din egen CSS regler til koderedigeringsprogrammet. Linjenummer hjelper deg å finne plasseringen du har arrangert på en lang fil.

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

> [card] 1. CSS redaktør
>
> Type stilreglene her. I eksempelet, kort hjørner er rullet.

> [card] 2. Linjenummer
>
> Hjelper deg å følge linjen du endrer i lange regler.Z

## Legg til en stilregel

Først velger du klassen til elementet du vil endre. Følgende regel ruller hjørnene til hjelpekortet på standardtemaet:

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

Selektiv angir det elementet som skal brukes av regelen; området i de dekorerte krøllene vil endre stilen. Bruk klassen til det aktuelle elementet hvis du arbeider på et annet tema.

## Identifiser domene

`.card` Som en generell velger kan påvirke mange kort i samme klasse. Legg klassen eller beholderen til selektivt i det avsnittet for å endre en bestemt del alene.

Generelt farge, bredde og før skrift [Farger](https://docs.zonely.gen.tr/nb/guides/page-builder/colors.md), [Forlik](https://docs.zonely.gen.tr/nb/guides/page-builder/layout.md) og [Skrifter](https://docs.zonely.gen.tr/nb/guides/page-builder/fonts.md) bruker feltene. Med ekstra CSS kan det hende du må sjekke to steder i de neste reglene hvis du omskriver disse innstillingene.

## Forhåndsvisning og lagring

Etter å ha skrevet regelen, åpne den berørte siden i forhåndsvisning. For eksempel, sjekk en hjelperegel i hjelpartikkelen; på hovedsiden den kan ikke være tilgjengelig.

Lukk vinduet **Lagre alle** Trykk på knappen. Vis den samme siden, åpnings-/deskvisning og telefonvisning på brukersiden.

Hvis resultatet ikke vises, sjekk om de selektive matchene med riktig element, de dekorerte krøllene er stengt, og funksjonen linjer er separert med punktet komma. Du kan finne ut hvilken endring som påvirker utseendet ved å fjerne og sammenligne den siste lagt regelen.


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