Aangepaste CSS

Met een thema kunnen mensen zonder programmeerkennis polls, enquêtes en fotowedstrijden maken in hun eigen ontwerp via een eenvoudige configuratie. Je kunt ook je eigen CSS (Cascading Style Sheets) maken via het contextmenu van elk thema. Hiermee kun je elementen van je PollUnit selecteren en hun presentatie volledig individueel naar je wensen aanpassen.

Deze functionaliteit is bedoeld voor mensen met ervaring in HTML en CSS. Als dit niets voor jou betekent, kun je het beste een expert raadplegen.

Knoppen aanpassen

Het volgende voorbeeld laat zien hoe je het uiterlijk van alle knoppen kunt aanpassen met slechts een paar regels code. De knopelementen worden geselecteerd, afgerond tot een pilvorm en krijgen een schaduwachtige omtrek.

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

Aangepaste inhoud en CSS per taal

Maar de mogelijkheden van CSS gaan veel verder. Het volgende voorbeeld laat zien hoe inhoud kan worden aangepast per taal, oftewel gelokaliseerd. Hier wordt de knop voor het toevoegen van nieuwe opties of afbeeldingen geselecteerd, aangepast en vervolgens gevuld met nieuwe inhoud.

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

Aangepaste lettertypen

Je kunt ook je eigen lettertypen gebruiken via CSS. Zorg ervoor dat je server »pollunit.com« toestaat in de CORS-headers.

@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;
}