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

  1. 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 5 years ago on Tuesday March 5, 2013 | Permalink
  2. Add this to one of your theme's stylesheets:

    body .gform_wrapper .gquiz-correct-choice {
        color: #336633; // set your color here
    }
    Posted 5 years ago on Tuesday March 5, 2013 | Permalink
  3. Thanks - that has worked well for me.

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

    Posted 5 years ago on Thursday March 7, 2013 | Permalink
  4. Do you have a link to the page with the quiz on your site? I can help you with the CSS there.

    Posted 5 years ago on Sunday March 10, 2013 | Permalink
  5. Sorry for the delay in responding. The URL is http://readysetquiz.com/luxury-travel

    Posted 5 years ago on Tuesday April 9, 2013 | Permalink
  6. Add this to your theme's stylesheet:

    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 5 years ago on Tuesday April 9, 2013 | Permalink

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

Support Tickets

Open A New Support Ticket
 Open A New Priority Support Ticket *

* Developer license holders only