Ontwerp bewerken – Css

Op de tab Css van een ontwerp kun je eigen CSS-regels toevoegen. Daarmee pas je de huisstijl verder aan dan wat op de tab Algemeen mogelijk is - bijvoorbeeld specifieke letterafstand, hover-effecten of aanpassingen aan onderdelen die geen standaard-instelling hebben.

Wat je nodig hebt

  • Een bestaand ontwerp
  • Rechten om ontwerpen te beheren
  • Basiskennis van CSS - of iemand die je hierbij kan helpen
Geavanceerde optie

Eigen CSS is krachtig, maar kan ook de vragenlijst onleesbaar maken als selectors of regels niet kloppen. Test je wijzigingen altijd eerst in een testvragenlijst voor je het ontwerp aan productie-vragenlijsten koppelt.

Stap voor stap

  1. Open het ontwerp via het menu Ontwerpen.
  2. Klik op de tab Css.
  3. Schrijf of plak je CSS in de editor.
  4. Klik onderaan op Opslaan .

De editor ondersteunt syntax highlighting en inspringen. Fouten in je CSS (bijvoorbeeld een ongeldige regel) worden onder het veld getoond als rode melding - pas ze aan en sla opnieuw op.

Wijzigingen zien

De CSS wordt toegevoegd aan elke vragenlijst waar dit ontwerp aan gekoppeld is. Open de vragenlijst in een nieuw tabblad om te zien hoe het eruitziet. Ververs de pagina met een harde refresh (Ctrl+Shift+R of Cmd+Shift+R) als je oude stijlen blijft zien.

Specificiteit

Je CSS wordt ná de standaardstijlen van het thema geladen. Om een bestaande regel te overschrijven is het meestal voldoende om dezelfde selector te gebruiken. Lukt dat niet, maak de selector dan specifieker - bijvoorbeeld door een parent-class mee te nemen.

Veelgestelde vragen

Open de vragenlijst in je browser en gebruik de inspector (rechtermuis → Inspecteren) om de class- en element-namen te vinden die je wilt aanpassen.

Controleer of er geen foutmelding boven de editor staat. Controleer daarna of je selectors kloppen (met de browser-inspector) en of het ontwerp daadwerkelijk aan de vragenlijst is gekoppeld. Gebruik een harde refresh om cache-problemen uit te sluiten.

Ja. Maak de editor leeg, klik op Opslaan en de vragenlijsten met dit ontwerp vallen terug op alleen de thema-stijlen en de instellingen van de tab Algemeen.

Nee. Deze CSS wordt alleen toegepast op de vragenlijst zelf, niet op e-mails. E-mailclients hebben bovendien beperkte CSS-ondersteuning.