> For the complete documentation index, see [llms.txt](https://rock-content.gitbook.io/rock-convert/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://rock-content.gitbook.io/rock-convert/customizacao.md).

# Customização

Saiba como alterar as cores do formulário de download do Rock Convert

## Primeiro Passo

No Menu lateral do WordPress, acesse a aba **Aparência** e em seguida selecione a opção **Personalizar**

![](https://2790386307-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LATbeI2CetWJLJAwaHx%2F-LTbfzgc3GE90tFqNOiW%2F-LTbhd2TXSAjxlRmAeZp%2Fimage.png?alt=media\&token=b1b058a5-a1fa-4cc2-9795-6b13db22f297)

## Segundo Passo

Após acessar, aparecerá um menu do lado esquerdo semelhante com o da foto abaixo. Basta selecionar a opção **CSS adicional** para realizar a alteração.

![](https://2790386307-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LATbeI2CetWJLJAwaHx%2F-LTbfzgc3GE90tFqNOiW%2F-LTbjUJjpUue6FztTA4N%2Fimage.png?alt=media\&token=9c7c49cf-3dbe-42b1-a52b-ed74712c8c6f)

\
Com o campo CSS adicional aberto, basta copiar o código abaixo:

```css
/** Altera a cor de fundo da caixa de download **/
.rock-convert-download-container {
  background-color: #EAEAEA !important;
}
/** Altera a cor do titulo **/
.rock-convert-download-container-title {
  color: #000 !important;
}
/** Altera o cor de fundo e a cor do texto do botão **/
.rock-convert-download-container input[type="submit"]{
  background-color: #6083A9 !important;
  color: #FFF !important;
}
/** Altera a cor do texto de ajuda **/
.rock-convert-download-container-form-help{
  color: #999 !important;
}
```

{% hint style="info" %}
 O formato das cores estão em Hexadecimal. Para editar basta pegar [**AQUI**](https://www.color-hex.com) o código hexadecimal referente à color desejada e alterar no código.
{% endhint %}

Após inserir o código, a tela deverá ficar algo parecido com:

![](https://2790386307-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LATbeI2CetWJLJAwaHx%2F-LTbfzgc3GE90tFqNOiW%2F-LTbky-bhLIeuuTHPHB3%2Fimage.png?alt=media\&token=dcaba8a3-77ed-4577-beb5-92fbba5a648e)

\
Depois disso, é só clicar em **Publicar** para aplicar suas alterações.