CSS personalizado

Con un tema, las personas sin conocimientos de programación pueden crear sondeos, encuestas y concursos de fotos con su propio diseño mediante una sencilla configuración. También puede crear su propio CSS (Cascading Style Sheets) a través del menú contextual. Esto le permite seleccionar elementos de su PollUnit y controlar su presentación, de forma totalmente individual, según sus necesidades.

Esta funcionalidad está dirigida a personas con experiencia en HTML y CSS. Si esto no le dice nada, debería consultar a un experto.

Personalizar los botones

El siguiente ejemplo muestra cómo se puede personalizar la visualización de todos los botones con unas pocas líneas de código. Los elementos del botón se seleccionan, se redondean en forma de pastilla y se les da un contorno de sombra.

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

CSS propio por idioma

Pero las posibilidades del CSS van mucho más allá. El siguiente ejemplo muestra cómo se puede cambiar el contenido localmente, es decir, por idioma. Aquí se selecciona el botón para añadir nuevas opciones o imágenes, se ajusta y se rellena con el nuevo contenido.

#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';
}

Fuentes propias

También puede utilizar sus propias fuentes mediante CSS. Debe asegurarse de que su servidor permite »pollunit.com« en las cabeceras 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;
}