HD Quiz

Hi Matthew,
most fonts and colours are inherited directly from your theme.

Forcing a font colour or background colour is easily with CSS, but I’d need to see a quiz on your actual site to help.

Also, in case we are lucky, if you are referring to the text for the pass and fail content, you can control the colour from within the editor. You may need to press the “toggle toolbar” (formerly known as the Kitchen Sink button) in the editor to see additional settings, if you don’t already have it enabled.

View post on imgur.com

Thank you for your response. I’ll give those a shot when I’m back at the comp.

Thank you for all you do.

PERFECT!!! it worked you are a genius however, I have one more ask. My result headings are still blending into the background. THey are revealed when I manually highlight them. Can you help me fix this, too?

This can be solved with some CSS. If you can provide a link to a quiz so I can see, I’ll provide the CSS you need

okay umm, I’m not sure how to send the link. I’ll try a few shots here. Let me know if this is right.

LEt me know if these work

I’m sorry I’m reading what I posted above I don’t remember writing this quiz no longer exists. I tried to paste the code but apparently that came up. Sorry for that. Would you be able to tell me what I can send to properly receive your help?

If not no worries I’ll make it works. Thank you for everything so far.

Hi Matthew,
that’s a link to your unpublished page – I would need you to publish the page in order to see it.

Without being able to see, I’ll just hope that the basic CSS rules below will work for you.

If you log into your site, you can go to Appearance -> customize -> Custom CSS and paste this in there.

.hdq_results_title, .hdq_result {color:#ffffff !important}

That should change the Result heading and the score to white.

okay I have published the quiz

https://darkschool.ca/dark-school-magical-personality-quiz-trace-your-path-to-the-planet-that-mirrors-you/

Give it a look if you like. Thank you so much for your help, it has been greatly appreciated.

Great!

I’ve made some changes to the recommended CSS.

Instead of white font colour, I made it black. I also increased the font size a little bit, and changed the font family to the Special Elite font – same as your main headings.

.hdq_result {
    font-size: 3em !important;
    font-weight: bold;
    color: #000 !important;
    font-family: "Special Elite", cursive;
}

When I get in I’m on this thank you so much.

I gave it a shot but it didn’t change anything.

You have an error in your CSS. You never closed out the .page-title class.

Before you added in the HD Quiz CSS I gave you, you have:

    .page-title {
        font-family: 'Special Elite', cursive;

But it needs to be:

    .page-title {
        font-family: 'Special Elite', cursive;
    }

YEAAAAA!!! Thank you so much for taking the time to help me!!!

I truly appreciate it. It looks fantastic now. Could not have done this without you. Thank you again.