Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Jasmine

    (@hyenokian)

    Dear @steppers1,

    Thank you for the topic.

    Please let us know what the question explanation looks like now and how it is supposed to look so that we can understand the case better.
    Let us know how you set the question explanation.

    We checked the case and noticed that everything works fine in this regard on your website.

    See the screenshot below:

    Looking forward to your response.

    Thank you.

    Thread Starter steppers1

    (@steppers1)

    Thank you for your answer. After checking with my colleague, it seems that the problem comes from my browser: everything works fine as you showed in your screenshot.

    I have another question: I would like to use another quiz model (modern light) but with this one, the images of each question are distorted by the size of the answers.

    See here : https://www.sofelia.be/test-v3-quizz-evras/

    Do you have a solution so that the image is not distorted (and a solution that is responsive on mobile ?)

    Thank you.

    Regards,

    Martin

    Plugin Support Jasmine

    (@hyenokian)

    Dear @steppers1,

    Thank you for your response.

    As to the first question.
    Please use the following CSS code that our Dev Team has written special for you so that the images will not be distorted.

    Please take this Custom CSS code and insert it into the Quizzes > particular quiz > Styles tab > Custom CSS option.

    Then,?replace?YOUR_QUIZ_ID with the?corresponding?Quiz?ID?(for instance, like this #ays-quiz-container-3.ays_quiz_modern_light).
    Do?not?delete?the?space?after?it.
    Do?not?forget?to?clear?the?cache?afterward.

    #ays-quiz-container-YOUR_QUIZ_ID.ays_quiz_modern_light .step {
    background-size: contain !important;
    }

    As to the response.
    Currently, it is a background image and not a basic image.

    The only solution we can provide for your case is to hide the BG on the mobile version.
    Unfortunately, there is no other solution for now.

    To achieve this, please use the following CSS code.

    @media screen and (max-width: 768px) {
    div#ays-quiz-container-YOUR_QUIZ_ID.ays_quiz_modern_light .ays-questions-container div.step[data-question-id] {
    background-image: unset !important; }
    }

    Please check this and let us know about the outcome.

    Thank you.

    P.S. Please feel free to open a new topic each time you have new questions/problems so that the information can be?accessible?to other users as well.

    Plugin Support Jasmine

    (@hyenokian)

    Dear @steppers1,

    We’re closing this ticket for now as we last heard from you 1 week ago.

    If the query is unresolved, drop us a line and we’ll get back to you at the earliest and the ticket will be re-opened.

    For a new query, feel free to open a new topic. Our Customer Care Specialists will be happy to help you.

    Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.