Aangepaste CSS toevoegen aan een quiz
Op het Pro-abonnement heeft elke quiz een eigen veld Aangepaste CSS, zodat je verder kunt gaan dan de logo- en primaire kleuropties en ruimte, typografie en styling tot in detail kunt bepalen — per quiz, niet voor het hele account.
- 1
Open de quiz in de builder en ga naar het tabblad Instellingen.
- 2
Klap de sectie "Geavanceerd" open en zoek "Aangepaste CSS". (Dit is een Pro-functie — gratis accounts zien hier een upgradeprompt.)
- 3
Schrijf CSS in de code-editor. Richt je op de rootklasse .fluotest-quiz en de data-fluotest-el-attributen van belangrijke elementen (vraagkaarten, knoppen, voortgangsbalk) — zie de documentatie over aangepaste CSS voor het volledige overzicht en voorbeeldcode.
- 4
Klik op "Voorbeeld" om de laatst opgeslagen versie van de quiz in een ingesloten frame te bekijken.
- 5
Sla de quiz op. Je CSS wordt automatisch gesaniteerd — HTML-tags, @import en externe url()-verwijzingen worden verwijderd — en is direct zichtbaar op de openbare pagina.
Voor het volledige overzicht van selectors en kant-en-klare voorbeelden, zie de documentatie over aangepaste CSS.
Was dit nuttig?