• Resolved xyzBrian123

    (@xyzbrian123)


    Is there any CSS that can be used to transform the quiz into a simple flashcard? For example, I would like to remove the requirement for at least one correct answer and one incorrect answer and have only a term on the front side and its definition on the reverse. The “Next” button can remain but it would function to see the reverse and then the next flashcard.

    • This topic was modified 3 years, 6 months ago by xyzBrian123.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support gavinohanlon

    (@gavinohanlon)

    Hey XyzBrian123,

    Thanks for your question.

    I cannot say for sure this is possible. Is this the free or paid version of Quiz Cat ?

    To get close to this, you would probably need to still enter in all the details as normal with the quiz, but use “Display: none;” for the parts of the quiz you no longer wish to be visible.

    This is because the quiz will only work under certain conditions – one of them being that all required fields have some data in them.

    Also, depending on what version of Quiz Cat you have, you should be able to have only one answer to a question. It is not always needed to have a wrong answer.

    Do you have an example of a quiz you built with Quiz Cat that you can show us and tell us specifically what elements you want to set to display: none ?

    Looking forward to hearing back from you.

    All the best.

    Thread Starter xyzBrian123

    (@xyzbrian123)

    I have the premium “Personal” version of Quiz Cat. Here’s a link to an example of what I’m looking for.

    hospitalitytrainingcenter.com/example-flashcard/

    Plugin Support gavinohanlon

    (@gavinohanlon)

    Hey XyzBrian123,

    Thanks for getting back to us.

    So for that specific layout you have in that example, you can add this CSS below to remove the “Display: none;” from the answer section. However, as mentioned previously, you should be able to make a quiz without even entering a wrong “Display: none;” answer field – Have you tried that ? This would make it way easier.

    The CSS is –

    div.fca_qc_answer_div:nth-child(4) {
    display: none !important;
    }

    This would need to be added for every question added. But not adding “Display: none;” would still be better.

    Keep in mind that the user would still need to click the “See Definition” button to cause the quiz to move to the “Next” button.

    Looking forward to hearing back from you.

    All the best.

    Plugin Support gavinohanlon

    (@gavinohanlon)

    Hi XyzBrian123,

    I hope all is well with you.

    I am going to mark this as “resolved” but if you have any more issues, feel free to reach out to us again, and we will be happy to assist.

    All the best.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Create a simple flashcard by removing answers.’ is closed to new replies.