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.

Is it posssible to style each quizz question ?

  1. sohail
    Member

    We have made the quiz it was dammn easy & we faced no problem . But when we gave each questions class & tried to style just like the link below then it was creating problem .....

    Link - http://teamtreehouse.com/library/websites/build-a-simple-website/website-basics/website-basics-review

    So can anyone tell me was how to style these questions ???

    Please view the above link I want to match my style to them so can anyone just guide me as how to achieve the same styling as given in the above link .

    Hope to get a reply soon .

    Posted 5 years ago on Monday February 18, 2013 | Permalink
  2. What is the URL of the page where you have your quiz form embedded?

    Posted 5 years ago on Monday February 18, 2013 | Permalink
  3. sohail
    Member

    Link - http://teamtreehouse.com/library/websites/build-a-simple-website/website-basics/website-basics-review

    Here is my URL - http://code-grill.com/kid/video-lesson/

    Please go under the practice tab to view the quiz .

    Posted 5 years ago on Tuesday February 19, 2013 | Permalink
  4. You can style each quiz question like any other Gravity Forms by styling the list items. I added this CSS to one of your stylesheets:

    [css]
    body .gform_wrapper li#field_6_1,
    body .gform_wrapper li#field_6_1 li  {
       background-color: orange;
    }
    
    body .gform_wrapper li#field_6_2,
    body .gform_wrapper li#field_6_2 li  {
       background-color: lightblue;
    }

    And I achieved this result: http://minus.com/lzAPhHls4OYnI (you can see how to target the questions at least)

    However, making it look like the Treehouse app will require a lot of customized jQuery and CSS. They have a fairly complex application there.

    Posted 5 years ago on Tuesday February 19, 2013 | Permalink