Quiz Styler

I have two questions

Published: February 24, 2023
Support status: closed
  1. Is there a way to remove the # symbol from each question? (i.e., 1, 2, 3 vs #1, #2, #3)

  2. Is there a way to indent the second line of text in a question so that it’s justified directly underneath the first line of text (not underneath the question’s number). For example, when you create a numbered list in a word doc, multiple lines of a text paragraph are aligned with each other, and not the aligned underneath the number.

FYI: I have the Styler add-on and ability to incorporate custom CSS.

Thank you!

thread author: Zach

Hi Zach,
unfortunately you cannot remove just the # symbol with CSS. However, you can use the hdq_after hook to add custom JavaScript to quizzes. Using this, we can add a JavaScript function that will loop through the question titles and remove #. I can send you the custom code that you’ll need, but please note that you will need to add this code to your theme’s functions.php file. If you are not comfortable adding code to your theme, then you might be better off keeping the # symbol for saftly.

For your second question, add the following CSS to the styler Custom CSS section.

.hdq_label_answer { display: grid; grid-template-columns: max-content 1fr; }

24 February 2023 — 13:23 support admin - Dylan

Thank you!
All set with my fixes for now – thanks again.

24 February 2023 — 13:59 thread author - Zach

This thread has either been marked as complete or has been automatically closed due to inactivity.