PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Styling correct answer

Gravity Support Forums » Plugin Support » Gravity Forms Quiz Add-On

Tracey Grady
Member

I am putting together a quiz which has radio buttons and instant feedback. The default settings are for instant feedback to display an incorrect answer and the correct answer in bold. How can I restyle the correct answer? I want to change the colour. I have experience with CSS for restyling, but I haven't been able to work out the correct element to target.

Posted 11 years ago on Tuesday March 5, 2013 | Permalink
Chris Hajer
Key Master
Add this to one of your theme's stylesheets:
```
[css]
body .gform_wrapper .gquiz-correct-choice {
    color: #336633; // set your color here
}
```
Posted 11 years ago on Tuesday March 5, 2013 | Permalink
Tracey Grady
Member

Thanks - that has worked well for me.

Now I'm having difficulty locating the element to style Quiz Answer explanations.

Posted 11 years ago on Thursday March 7, 2013 | Permalink
Chris Hajer
Key Master

Do you have a link to the page with the quiz on your site? I can help you with the CSS there.

Posted 11 years ago on Sunday March 10, 2013 | Permalink
Tracey Grady
Member

Sorry for the delay in responding. The URL is http://readysetquiz.com/luxury-travel

Posted 11 years ago on Tuesday April 9, 2013 | Permalink
Chris Hajer
Key Master
Add this to your theme's stylesheet:
```
[css]
body .gform_wrapper .gquiz-answer-explanation {
    font-size: 28px;
    text-decoration: underline;
    font-family: serif;
    color: green;
}
```
Change whatever you like about that CSS. Here is a screenshot of what that looks like: http://minus.com/lbdw5DsBu4Y6Tp
Posted 11 years ago on Tuesday April 9, 2013 | Permalink

This topic has been resolved and has been closed to new replies.