Design
Match your brand
Style the quiz independently of its host website.
1. Open Theme
Use the Theme button in the editor. Adjust the available colors, typography and presentation options, then apply the theme. Check text and button contrast against your chosen backgrounds.
2. Embedded appearance
An iframe quiz uses its own theme. It does not automatically inherit the CSS of the website containing it. Set the accent and background colors in Pippi to coordinate with the host page.
3. Check both sizes
Preview desktop and mobile. Check readable labels, image crops and button contrast. Test the actual embed after publishing because the host page controls the space around the iframe.