How to change the Question Font

Hi stuartwaldner,
HD Quiz inherits all fonts directly from your theme. Question titles are H3 tags and answers are labels.

To target the titles, use the class name hdq_question_heading, and for answers use the class name hdq_label_answer. You can also use the !important designation to ensure that your overrides are given top priority over your theme’s native stylings for those elements.

Thanks for your help. I could see that when inspecting my page, however, when I would try and call up a different font instead of the H3, it did nothing. As I said, I”m not a coder so things need to be spelled out for me a bit.

In inspector I see the following:

h2.hdq_results_title, h3.hdq_question_heading {
    margin-top: 1rem;
    margin-bottom: 1rem;
    line-height: 1.2;
    color: #222;
}

S

However, in the inspector when I change the “h3” and/or “h2” to “p” nothing happens. ??

Also, in my CSS override file is says the “h2” and “h3” on those lines are “overqualified.” Not sure what that means.

Thanks for your help.

Stuart

You are thinking about it in the reverse direction. Teaching you CSS is obviously far out of the scope of support I can offer here, but some friendly advice.

You don’t chage the h3 to BE a p. You instead style the h3 to look like the p.

So for example, if your paragraph uses the font Arial and size 14, then you would do this.

.hdq_question_heading {font-family: "Arial" !important; font-size: 14px !important}

If you add the above, then every element with the class name of hdq_question_heading will use Arial font at size 14px.

Thank you SO much!

This is exactly what I needed! I’ve change the font from Arial and made some other adjustments, and it’s looking good.

I greatly appreciate your help and support.

Thanks,
Stuart