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

> Completa la apariencia de tu tema con reglas de estilo adicionales del editor de códigos.

Página Creative **CSS** abre la parte. Puede escribir sus propias reglas CSS al editor de códigos. Los números de línea le ayudan a encontrar la ubicación que ha dispuesto en un archivo largo.

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

> [card] 1. Editor de CSS
>
> Tipo las reglas de estilo aquí. En el ejemplo, las esquinas de la tarjeta se enrollan.

> [card] 2. Números de línea
>
> Ayuda a seguir la línea que cambia en reglas largas.

## Add a style rule

Primero, seleccione la clase del artículo que desea cambiar. La siguiente regla es rodar los rincones de la tarjeta de ayuda en el tema predeterminado:

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

Selective especifica el artículo que se aplicará por la regla; el área en los sujetadores decorados cambiará el estilo. Utilice la clase del elemento relevante si usted está trabajando en un tema diferente.

## Identifique el dominio

`.card` Como un selector general puede afectar muchas tarjetas en la misma clase. Agregue la clase o contenedor para cambiar una parte específica solo en esa sección.

Color general, ancho y antes de la fuente [Colores](https://docs.zonely.gen.tr/es/guides/page-builder/colors.md), [liquidación](https://docs.zonely.gen.tr/es/guides/page-builder/layout.md) y [Fuentes](https://docs.zonely.gen.tr/es/guides/page-builder/fonts.md) usan los campos. Con CSS adicional es posible que necesites comprobar dos lugares en las siguientes regulaciones si reescribes estos ajustes.

## Previsualización y ahorro

Después de escribir la regla, abra la página afectada en vista previa. Por ejemplo, compruebe una tarjeta de ayuda en el artículo de ayuda; en la página principal puede que no esté disponible.

Cerrar la ventana **Guardar todo** Pulse el botón. Ver la misma página, vista de la vista abierta/desk y pantalla del teléfono en el lado del usuario.

Si el resultado no aparece, compruebe si el selectivo coincide con el artículo adecuado, los frenos decorados están cerrados, y las líneas de características están separadas por el coma apuntado. Puede averiguar qué cambio afecta la apariencia eliminando y comparando la última regla agregada.


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