CSS personalizado

Com um tema, pessoas sem conhecimentos em programação podem criar enquetes, pesquisas e concursos fotográficos em seu próprio design por meio de uma configuração simples. Você também pode criar seu próprio CSS (Cascading Style Sheets) através do menu de contexto de cada tema. Isso permite selecionar os elementos do seu PollUnit e controlar sua apresentação - totalmente de forma individual, de acordo com suas necessidades.

Esta funcionalidade é voltada para pessoas com experiência em HTML e CSS. Se isso não significar nada para você, é recomendável consultar um especialista.

Personalize os botões

O exemplo a seguir mostra como você pode personalizar a aparência de todos os botões com apenas algumas linhas de código. Os elementos do botão são selecionados, arredondados para um formato de pílula e recebem um contorno semelhante a uma sombra.

.btn {
  border-radius: 9999px;
  border-bottom: 4px solid black;
}

Conteúdo e CSS personalizados por idioma

Mas as possibilidades do CSS vão muito além. O próximo exemplo mostra como o conteúdo pode ser alterado de forma localizada, ou seja, por idioma. Aqui, o botão para adicionar novas opções ou imagens é selecionado, ajustado e preenchido com novo conteúdo.

#ccss-userActionBox .btn {
  text-indent: -9999px;
  line-height: 0;
}

#ccss-userActionBox .btn::after {
  text-indent: 0;
  display: block;
  line-height: initial;
}

html[lang=en] #ccss-userActionBox .btn::after {
  content: 'Localized button text';
}

html[lang=de] #ccss-userActionBox .btn::after {
  content: 'Lokalisierter Buttontext';
}

Fontes personalizadas

Você também pode usar suas próprias fontes via CSS. Certifique-se de que seu servidor permita »pollunit.com« nos cabeçalhos CORS.

@font-face {
  font-family: 'Amatic';
  font-style: normal;
  font-weight: 200;
  src: url(https:/myhost.com/amatic.woff);
}

h1 {
  font-family: 'Amatic' !important;
  font-weight: 200;
}