Place your logo above your quiz

Riddle’s quiz maker is fully white-labelled – and we give you lots of options how to display your logo.

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 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:

  1. Riddle’s Team plan
  2. Upload your logo to a server
  3. 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!)