HD Quiz

Hi Carole,
you can place any quiz on any page, post, custom post type, sidebar, widget, etc., so it is impossible for HD Quiz to automatically know what the link to the “next quiz” is so there would be no way to automate this.

HOWEVER, the results allow you to add any custom content you want. So in your case, you can simply add a link to the next quiz within your Quiz Pass and Quiz Fail result text.

BONUS: I don’t know how familiar or comfortable with HTML you are, but looking at your homepage, I see that your site uses the following classnames for buttons: gb-button gb-button-e261ff3d gb-button-text rounded-icon. The Result Text editor can be put into “text” mode, allowing you to edit the content as HTML. Using this, you can add the above classnames to your link to the next quiz. This is 100% optional of course, but if you do this, it will make your links look like the buttons found throughout the rest of your site.

Thanks.I’m glat there is a solution. I tried this but it does not style as a button, just a link. Does it look right to you please? Next quiz

Unfortunately, you will need to follow the instructions I provided in the “bonus” section above. This is specific to your theme => those class names I provided belong to your theme.

The best advice I can give is to create a link as normal, then switch into “text” mode for the editor.

You will then see something similar to <a href="##the-actual-link-to-your-next-quiz" rel="nofollow ugc">Next quiz</a>.

This is unlikely to change the appearance in the editor, but it should make your link look like the buttons on your site on the actual quizzes.

You’d need to edit that line to <a href="##the-actual-link-to-your-next-quiz" class = "gb-button gb-button-e261ff3d gb-button-text rounded-icon" rel="nofollow ugc">Next quiz</a>

Ah thank you. I did that. It does not appear as button on the website though. I will try to make it work or keep the link as is. Thanks again!

I just checked and confirmed that you correctly added the class names. It looks like the issue is that your pages load a different style sheet than your homepage. So your pages do not include the same styles as your homepage for the buttons.

If you want, I can provide you with some custom CSS that you can add to your site (appearance -> customize -> additional CSS) that will mimic the styles of your homepage. Just let me know!

Thank you. If you can help me with the CSS, that woudld be very much appreciated. Thank you in advance.

Adding the following CSS to your site will change ALL links within the quiz results to resemble how your current buttons look on the homepage.

.hdq_results_inner a {
    background-color: #1f2a44;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 30px;
    margin-right: 20px;
    border: 1px solid #ffffff;
    color: #ffffff;
    text-decoration: none;
}

.hdq_results_inner a:hover {
    background-color: #2f4067;
    color: #ffffff;
}

Amazing! Thanks! It works perfectly! Thank you VERY MUCH!

PS: Do I still keep this for the html for each button please?
Next quiz

a class=”gb-button gb-button-e261ff3d gb-button-text rounded-icon” href=”link/” target=”_blank” rel=”noopener noreferrer”>Next quiz</a

No that shouldn’t be needed anymore. Now any and EVERY link you add to the results text will be styled like that. The pro of this is that it makes things a lot easier for you. The con is that you’ve now lost the ability to add a normal styled link to the results (if you were to ever want to do that)

Perfect for me. Thanks again!!!