Image below the question text

Hi Amdark,
you cannot add an image right after the question text, but you can add an image just before by setting a question featured image (can be found on the “extra” tab when editing a question).

If however, you absolutely need the image to be below the question text, then I have some good news for you. This version of HD Quiz was converted over to CSS grid, which allows us to do some pretty cool things!

You can add the following CSS to your theme’s style.css file to change the order of the question text and featured image.

.hdq_question[data-type="multiple_choice_text"] {
    display: grid;    
    grid-template-columns: 1fr;
}

.hdq_question[data-type="multiple_choice_text"] h3.hdq_question_heading {
    order: 1
}

.hdq_question[data-type="multiple_choice_text"] .hdq_question_featured_image {
    order: 2;
}

.hdq_question[data-type="multiple_choice_text"] .hdq_row {
    order: 3;
}

.hdq_question[data-type="multiple_choice_text"] .hdq_question_after_text {
    order: 4
}

Just please note that this code will only work with the default multiple choice question type.

Hi amdark,
sorry, but you lost me here. What is the issue?

Oooh. You mean for the question title, you want to add extra formatting?

If so then yes; but with some limitations.

For both the question and the answers, you can add some basic HTML markup to do some basic stuff. I am still sanitizing most HTML for security – so no adding images to question titles. I doubt I will ever allow these fields to be full editors because of loading that many editors on a single page would cause a lot of problems – far more than it’s worth.

The following tags are allowed to be used.

• strong – bold text
• em – italics
• code
• sup – superscript
• sub – subscript

let me know if a formatting element you need is not listed and I can see about adding it.

In case you’ve never done basic HTML before, here is an example of how to use it.

What you type into the question title:
This is a question with <strong>bold text</strong> that stands out.
How it will look:
This is a question with bold text that stands out.

Also, just in case you didn’t know, but there is also a different question type called “Multiple Choice: Image” that will allow you to use Images as well for the answers (note: if you decide to use this question type, let me know. I’ll need to send you some more CSS to change the title/featured image order for this question type as well).

Thanks for the example. I now fully understand the goal here.

So first, yes – it IS possible to make the question title a full editor, but this is a change I will likely never make as in most cases it would cause more harm than good for most users. For users that do need to add some extra formatting to the question title, they can use the basic HTML tags to bold or italic text and more.

However, you need something that from what I’ve seen with 6000+ active users – is actually pretty unique! You want to be able to add images to the question title itself with the featured image option not being good enough for you in some cases.

If this is something that you absolutely can’t do without, please let me know. There IS a way to get what you want, but it requires some workarounds. It won’t be the most intuitive solution in the world, but it should work for your needs.

No problem.

and please let me know if you end up still needing this and I can send instructions. It’s just better to not need it if possible since it involves making a small edit to the plugin directly.