- How to create an auto-quiz?
- Enhanced security for online polls and quizzes
- 5 steps to create a GDPR-compliant quiz
- Add an opacity fade
- How to format your quiz text?
- Add a WordPress quiz leaderboard to your site
- Creating a multi-poll
- Saving a quiz as a template
- Flexible quiz scoring – questions worth different points
- How to create a journey (interactive story)?
- Order It: Riddle’s drag/drop sequence quiz
- How can I copy a quiz?
- Learn how to create a ‘Tap & Find’ quiz
- How are personality test results calculated?
- Can I send quiz takers to a URL based on their responses?
- Why use ‘call to action’ buttons?
- Quiz or personality test – what’s the difference?
- ActiveCampaign integration
- Using Zapier.com lookup tables
- Email quiz results to each lead
- Webhook signatures
- Embed videos in a lead form
- Add hidden text and hidden query fields to your form
- Add a WordPress quiz leaderboard to your site
- How to delete a lead form?
- Blue State Digital quiz integration
- Use Regex to validate lead form entries
- Delete quiz lead generation data
- Adding quiz leads and responses to Google Sheets
- Quiz Lead Generation 2.0 – connecting to MailChimp
- Quiz Lead Generation 2.0 – changing or disconnecting a data connection
- Riddle’s Zapier app – help & FAQ
- Quiz Lead Generation 2.0 – saving your data
- Quiz Lead Generation 2.0 – connecting your email software
- Quiz Lead Generation 2.0 – using form templates
- Quiz Lead Generation 2.0: creating a lead form
- Can I gather a user’s quiz responses (plus their email)?
- What email marketing tools does Riddle support?
- Where can I send my leads and quiz data?
- How can I use ‘Custom in-quiz iFrames’?
- What’s an in-quiz iFrame?
- Place your logo above your quiz
- Insert ad tags in your Riddle quizzes
- Setting the share image for Facebook
- Using a Facebook App to white-label your social shares
- Set up your Riddle quiz leaderboard
- Display ads above or below your quiz
- Unrolled quizzes – display all questions on one page
- Polls: Hiding & displaying vote totals
- Add a quiz timer
- How can I customize quiz social sharing?
- How can I change languages?
- Can I randomize/shuffle questions and answers?
- CSS editor – 40+ quiz styles and hacks
- How accessible are Riddle’s quizzes (for disabilities)?
- How can I hide the Riddle logo (or add my own)?
- Quiz: How I show quiz answers AFTER my lead form?
- Polls: Can I automatically open/close my poll at a set time/date?
- Personality tests: Multiple personality results (scoring)
- How can I customize my quiz colors?
- CSS editor – how can I use?
- How can I customize my quiz fonts?
- Why use ‘call to action’ buttons?
- Is Riddle responsive for mobile devices?
- Will Arabic, Farsi, and Hebrew display right to left (RTL)?
- Webhook signatures
- Load a different Riddle on your website every day
- Upgrading the Riddle WordPress plug-in manually
- Set up your Riddle quiz leaderboard
- Display ads above or below your quiz
- Riddle’s quiz maker cookies and tracking
- Riddle’s Zapier app – help & FAQ
- Zapier and Riddle – send leads to any software
- Can I send quiz takers to a URL based on their responses?
- How can I use Facebook or other tracking pixels?
- Embed your Riddle quiz in Squarespace
- Embed a Riddle quiz on Wix
- Add a WordPress quiz leaderboard to your site
- Why use ‘lazy loading images’?
- How to use the custom offset
- Riddle’s quiz maker cookies and tracking
- Display your quiz on a blank page
- How does the ‘disable auto-scroll’ option work?
- Embedding Riddle quizzes in Unbounce landing pages
- AMP Support
- How can I share/publish my quiz?
- Can I embed my Riddle quiz on WordPress?
- Are my Riddles private?
- How to change the size of my embedded quiz?
- Why won’t my quiz work on my WordPress.com site?
- My quiz embed isn’t working – what should I do?
- Place your logo above your quiz
- Insert ad tags in your Riddle quizzes
- Set up your Riddle quiz leaderboard
- How can I transfer a quiz to a different team?
- Multi-user: can I invite my colleagues to my account?
- Team roles: Admin, Editor, and Author
- How do team style templates work?
- Can I set a ‘default’ style template for a team?
- Does Riddle offer custom pricing plans?
- Quiz maker pricing (removing VAT)
- How can I pay for Riddle?
- How can I change my personal info (email, name, etc.)?
- What happens after my 14 day trial?
- How do I upgrade my account?
- How can I change my plan?
- How can I edit/change my payment details?
- Where can I get copies of my invoices?
- How can I update my account’s personal info (name, email, etc.)?
- How can I change my password?
- Where can I download invoices?
- How do I change my email address?
CSS editor – 40+ quiz styles and hacks
We get this question a lot. Riddle’s CSS editor (Enterprise plan) is incredibly flexible – and you can change almost any visual element to match your site’s look and feel.
Check out this spectacular poll by soccer publisher 90min – to promote the launch ‘Game Night’:
Here are some examples – so you can see this feature in action. Simply paste the sample code into the CSS editor box in the style tab.

(Not an Enterprise user? Let us know at hello@riddle.com – we can give you access to the CSS editor so you can test this out.)
Display quiz image answers in one column (ideal if you want larger images):
.image-choice {
width: 100%;
float: none;
}
View example here: https://www.riddle.com/view/134669
Make your custom logo bigger (hurrah for custom branding!):
.custom-logo, .riddle-logo img {
max-width: 500px!important;
max-height: 500px!important;
}

Want larger text?
This will make your text larger – in this case the description text of your quiz. Choose your text size (1em = 12px in Riddle, 2em = 24px, .5em = 6px etc.):
Change the font for all of your quiz text:
*{font-size: 50px;}
.description {
font-size: 2em;
}
Change the size of a particular type of text?
- Title: h1.title.txt2 {font-size: 50px;}
- Description: .description *{font-size: 12px;}
- Answers: .choice .txt2{font-size: 16px;}
- Footer text: .footer-content *{font-size: 20px;}
Hide the border around your quiz:
.riddle-frame {
letter-spacing: .4px;
border-radius: 0px;
border: 0px!important;
}
Make ‘Start’ button square:
.riddle-frame .content-div .footer-content .start-btn {
width: 70%;
padding: 0px;
border-radius: 2px;
padding: 15px 0;
}
40+ more CSS hacks:
We’re always helping our partners with their own CSS style requests – so we’ve compiled this growing database of over 40 CSS tweaks and stylings you can apply to your own quizzes.
Don’t see what you need?
Just give us a shout at hello@riddle.com or on support chat – our team of CSS gurus are happy to lend a hand!