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 .....
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 .
What is the URL of the page where you have your quiz form embedded?
sohail
Member
Here is my URL - http://code-grill.com/kid/video-lesson/
Please go under the practice tab to view the quiz .
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.