Only the default style is working on my site

closed

Hi there,

Happy New Year! Sorry to bother you so early on 🙂

I just got the HD Quiz Styler Plugin, but it seems incompatible with the WordPress Theme I use (Ashe by WP Royal Themes).
The default design is showing flawlessly, but once I change the style even in the slightest and activate it, only the toggles show in the middle of the box.

What can I do?
Thank you, Michaela

January 1, 2024 at 9:59amMichaela

Hi Michaela, Happy new year!

Taking a look, I think that the problem is just some minor configuration issues.

For example, you currently have the maximum width set to 0%, and the font sizes set to 0px. This is why it looks like nothing but the toggles are visible.

The real issue is that I very much doubt you went out of your way to set these values to 0 (let me know if you did though!). The way it’s supposed to work is that if you leave a field blank, then the styler will ignore it and use the default styles. But for some reason, your site is replacing “blank” with “0”, thus setting things like font sizes to 0.

Here are some recommended values to get you up and running (and of course play around with them to find what works best for you)

Set Questions tab:

  • “Question Title Font Size” to 22
  • “Question Padding” to 16
  • “Question Spacing” to 16

Set Answers tab:

  • “Answer Font Size” to 16

Set Results tab:

  • “Results font size” to 42
  • “Results score font size” to 22

Under the Custom CSS section, add the following
.post-content .hdq_quiz_wrapper .hdq_quiz {max-width: 600px !important}

Since we are explicitly setting these values, everything should work beautifully!

Hi Dylan,

thank you so much! It is now working perfectly!
Indeed everything that was left blank was replaced with a “0”.

Thank you for replying so promptly.
Have a successful and joyful year ahead!

Best, Michaela

This thread has either been marked as complete or has been automatically closed due to inactivity. Please consider opening a new support thread for help.