### [Como estilizar a tela de confirmação dos resultados da enquete](https://wpforms.com/developers/how-to-style-the-poll-results-confirmation-screen/)
**Publicado:** 31 de outubro de 2019
**Autor:** Equipe Editorial
**Resumo:** Pode facilmente estilizar os resultados da enquete que aparecem na tela de confirmação com uma pequena quantidade de CSS e nós vamos mostrar como!
**Conteúdo:**
## Visão Geral
Gostaria de estilizar a tela de resultados da enquete que é exibida na página de confirmação? Ao usar o addon **Pesquisas e Enquetes**, pode facilmente optar por exibir esses resultados dentro da sua mensagem de confirmação. Com um pouco de CSS, pode facilmente alterar a estilização desses resultados. Neste tutorial, vamos guiá-lo através de cada passo sobre como alterar o estilo dos resultados da enquete.
Por padrão, a estilização já é adicionada aos resultados da enquete.
## Configuração
Para fins desta documentação, assumiremos que já criou o seu formulário seguindo os [passos deste tutorial](https://wpforms.com/docs/how-to-install-and-use-the-surveys-and-polls-addon/ "Como Instalar e Usar o Addon de Pesquisas e Enquetes").
#### Ativar os Resultados da Enquete
Para começar, abra o construtor de formulários e vá para a aba **Configurações » Pesquisas e Enquetes**.
Uma vez lá, clique na caixa de seleção **Ativar Resultados da Enquete**.
#### Adicionar o código CSS
Para estilizar os resultados da enquete, precisará de copiar e colar este CSS no seu site. Se precisar de ajuda sobre como adicionar CSS ao seu site, [por favor, consulte este tutorial](https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/ "Como Adicionar Estilos CSS Personalizados para WPForms").
```
#wpforms-confirmation-194 .wpforms-poll-answer-bar {
background-color: #c45e1b;
background: repeating-linear-gradient(45deg, #c45e1b, #c45e1b 10px, #f08a5d 10px, #f08a5d 20px);
border-right: 1px solid #c45e1b;
}
#wpforms-confirmation-194 {
background: transparent;
border: none;
}
```
Para uma explicação mais detalhada sobre linear-gradients, por favor, consulte a [documentação da Mozilla](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient "linear-gradient()").
Lembre-se de atualizar o **-194** para corresponder ao ID do formulário do seu formulário específico. Se precisar de ajuda para encontrar o ID do seu formulário, por favor, [reveja este tutorial](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/ "Como Localizar o ID do Formulário e o ID do Campo").
Se precisar de alguma assistência na escolha das suas cores de gradiente no CSS acima, por favor, visite o [site CSS Gradient](https://cssgradient.io/ "CSS Gradient") para o gerador online (gratuito).
E é isso! Agora usou com sucesso o CSS para alterar a estilização dos resultados da enquete na tela de confirmação. Gostaria de aprender a estilizar os placeholders nos seus campos de formulário? Dê uma olhada neste tutorial sobre [Como Estilizar o Texto Placeholder para Campos de Formulário](https://wpforms.com/developers/style-placeholder-text-for-form-fields/ "Como Estilizar o Texto Placeholder para Campos de Formulário").
**Categorias:** Snippets
**Tags:** CSS
---