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, ga naar het tabblad "Ervaring" en klap "Geavanceerd" open.
- 2
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?