Format the Quiz Answer Explanation

Get Help
, ,
1

I want to change the color of the Quiz Answer Explanation text when it pops up. How can I do this? Thanks

2

Hello James,

You can do that by adding some custom CSS, targeting the gquiz-answer-explanation class, here is an example

.gquiz-answer-explanation {
   color: red;
}

If you want that to be applied to one form only, just add the form wrapper div id before the class, like this

#gform_x .gquiz-answer-explanation {
   color: red;
}

where x is the form id.

This article contains detailed information about where to add custom CSS

Regards,
Sherif

3

Thanks Yes I have that in style.css

image
image1626×954 77.3 KB

But my explanation text on the page still comes up unformatted

image
image2624×706 84.9 KB

4

Do you have a link to this form so I can inspect it? I’m suspecting it could be a caching issue.

5
6

I use WP Rocket. However clear the cache and even disabling WP Rocket doesn’t help

7

I inspected the form and the CSS is not applied

Screen Shot 2022-04-17 at 4.04.33 PM
Screen Shot 2022-04-17 at 4.04.33 PM3078×660 372 KB

I noticed you are using Divi, can you try clearing its cache as mentioned in this article?

8

Thanks, yes Ive cleared the divi and Rocket caches. It will probably be something to do with Divi, most everything that ever goes wrong is.

9

OK. Thank you, you got me looking… rather than the style.css, I found a Custom CSS Box in the Divi Theme Options dashboard. Added it there and it is now working. :smiley:

Right now the correct answer when shown is bold, how could I make that red as well as bold?

10

I’m glad that worked!
you can try this

.gquiz-answer-explanation {
   color: red;
   font-weight: bold;
}

Also, you can change red with any other color, you can use this tool to get the hex code for the color you want and put it instead of red, for example like this

.gquiz-answer-explanation {
   color: #911919;
   font-weight: bold;
}
11

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.