Riddle’s quiz maker is fully white-labelled – and we give you lots of options how to display your logo.
For example, on our Pro plan, you can add your custom logo below your quiz.
But sometimes, you might want to display your logo as a header above your quiz.
Here’s how you can do that – it requires our Business (formerly our ‘Team’) plan, and using our ad tags feature.
(This one’s from our partners at Concern – they wanted their logo in the top right corner.)
Video walkthrough
Here is a quick video we whipped up, explaining how to place your logo in the header of your quiz:
Sample code
We know not everyone is a coder – so we’ve attached this snippet of code below that you can edit and use below.
NOTE: You’ll need:
- Riddle’s Team plan
- Upload your logo to a server
- Replace the image URL in the code below with your own image URL.
*******************
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<style>
html, body, div {
margin: 0;
padding: 0px;
}
#concernlogo{
text-align: center;
padding-bottom: 20px;
padding-top: 20px;
background-color: #FFFFFF;
}
@media (max-width: 1024px) {
#content {
width: 100%;
}
}
img {
width: 50%;
max-width: 100%;
height: auto;
}
</style>
</head>
<body>
<div id="samplelogo">
<a href="https://www.ridde.com" target="_blank"><img src="https://cdn.riddle.com/website/logos/generic/generic_logo_black.png" alt="Your logo here"></a>
</div>
</body>
</html>
There you go – but of course, if you have any questions, please just give us a shout on our support chat.
(You’ll catch our CEO Boris or the rest of our team online – we often respond in under two minutes flat!)