# Personalização CSS

Se você é um usuário avançado e conhece pelo menos os conceitos de HTML e CSS, você conseguirá personalizar todo o layout da sua landing page e da tela do seu webinar.

### Landing page

Veja abaixo uma relação de classes que facilitam o seu trabalho:

| Objeto                        | Classe CSS                  |
| ----------------------------- | --------------------------- |
| Fundo                         | wc\_background              |
| Área superior                 | wc\_top\_background         |
| Fundo do título do formulário | wc\_form\_title\_background |
| Fundo do formulário           | wc\_form\_background        |
| Campos do formulário          | wc\_field                   |
| Botão do formulário           | wc\_button                  |
| Botão CTA                     | wc\_cta                     |
| Apresentadores                | wc\_presenters              |
| Quadro(s) de horário(s)       | wc\_time                    |
| Formulário                    | wc\_form                    |

```
.wc_background { }
.wc_form_title_background { }
.wc_form_background { }
.wc_field { }
.wc_button { }
.wc_cta { }
```

### Webinar

Veja abaixo uma relação de classes que facilitam o seu trabalho:

| Objeto           | Classe CSS     |
| ---------------- | -------------- |
| Botão CTA        | wc\_cta        |
| Fundo            | wc\_background |
| Botão Reconectar | wc\_reload     |
| Botão Pesquisa   | wc\_survey     |

```
.wc_cta { }
.wc_background { }
.wc_reload { }
.wc_survey { }
```

### Imagens e fotos

Você pode hospedar imagens/fotos em servidores gratuitos para usar em suas personalizações.

Sugestão de servidores gratuitos:

* [https://imggmi.com](https://imggmi.com/)
* [https://postimages.org](https://postimages.org/)