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

> Complete a aparência do seu tema com regras de estilo adicionais do editor de código.

Página Creative **CSS Adicional** abra a parte, você pode escrever suas próprias regras CSS para o editor de código, números de linha ajudam a encontrar o local que você arranjou em um arquivo longo.

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

> [card] Editor do CSS
>
> Digite as regras de estilo aqui, no exemplo, os cantos das cartas são enrolados.

> [card] Números de linha 2.
>
> Ajuda a seguir a linha que você muda em regras longas.

## Adicione uma regra de estilo

Primeiro, selecione a classe do item que você quer mudar, a seguinte regra é rolar os cantos do cartão de ajuda no tema padrão:

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

Seletivo especifica o item a ser aplicado pela regra, a área nos aparelhos decorados mudará o estilo, use a classe do item relevante se estiver trabalhando em um tema diferente.

## Identifique o domínio

`.card` como um seletor geral pode afetar muitas cartas na mesma classe, adicionar a classe ou recipiente seletivamente nessa seção para mudar uma parte específica sozinha.

Cor geral, largura e antes da fonte [Cores](https://docs.zonely.gen.tr/pt-BR/guides/page-builder/colors.md), [- Não.](https://docs.zonely.gen.tr/pt-BR/guides/page-builder/layout.md) e [Fontes](https://docs.zonely.gen.tr/pt-BR/guides/page-builder/fonts.md) Use os campos, com mais CSS Talvez precise verificar dois lugares nos próximos regulamentos se você reescrever essas configurações.

## Antevisão e salvação

Depois de escrever a regra, abra a página afetada na pré-visualização, por exemplo, verifique uma regra de cartão de ajuda no artigo de ajuda, na página principal pode não estar disponível.

Feche a janela **Salvem tudo** Pressione o botão, veja a mesma página, a vista aberta/desk e o telefone no lado do usuário.

Se o resultado não aparecer, verifique se a seleção combina com o item certo, os aparelhos decorados estão fechados, e as linhas de recursos são separadas pela vírgula pontuda.


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