Placement of Checkbox on Right Side

Hi xillay,
adding the following CSS to your theme’s style.css will put the checkboxes on the right.

.hdq_label_answer {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-template-areas: "answer check";
}

.hdq-options-check {
   grid-area: check;
}

The problem is that if you want your site to have both RTL and LRT, then you will need to know the quiz ID so that you can only style the correct quizzes. The quiz ID can be found inside the shortcode. On the main HD Quiz page (the page that shows a list of all of your quizzes), each quiz will have a shortcode such as [HDquiz quiz = "XXX"]. The XXX is the ID of your quiz.

So, for example. if you wanted to make the quiz with the ID 43 RTL, then you would add the following CSS to your theme’s style.css

#hdq_43 .hdq_label_answer {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-template-areas: "answer check";
}

#hdq_43 .hdq-options-check {
   grid-area: check;
}

Hope this helps!

Hi xillay,
there is no admin option for this – I’m afraid the adding the CSS to your theme is by far the best way to accomplish this. I wish I could justify building a custom option for this, but your use case is just far too specific and unique.

Changing font styles is also supe easy to do using CSS. What complicates it is that once again, you want to control this on a per-quiz basis.

Like above, you will need to know the quiz ID of the quiz you wish to customize the font for. Using a similar example as before, if your quiz id is 43 then the following CSS added to your theme’s style.css will change the font.

#hdq_43 * {font-family: "XXXXX" !important}

replace XXXXX with the name of the font you wish to use. Examples: Arial, Times New Roman, Helvetica – or you can add a Google Font to your site and use that to get custom fonts such as Lobster, or Oswald.

*note: The google fonts embed tab will show you the CSS rule with the font name as a quick snippet for easy use.