Quistion Title & Explanation

Dear @gggggdsfgr,

Thank you for the topic.

Our Dev Team has checked?out your case.
When writing the question text, there is an option to use the WP Editor with the possibility to write custom HTML.
We noticed that you have created your question using custom HTML and added some styles to it.?
While checking the case, we found that the reason for the titles going outside the quiz box is due to those custom CSS.

There is a fixed width for the question, however the max-width CSS property is not defined.

See the screenshot below:

View post on imgur.com

To fix this, please add the following CSS code to the?Appearance -> Themes -> Customize -> Additional CSS.

.ays_quiz_question .question-body{
max-width: 100%;
}

As to the question explanation.
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-194).
Do?not?delete?the?space?after?it.
Do?not?forget?to?clear?the?cache?afterward.

#ays-quiz-container-YOUR_QUIZ_ID .ays-abs-fs > .ays_fieldset{
display: contents !important;
}

Please check these cases and get back to us with an outcome.

Thank you.

Thank you

The question title is solved, but the explanation of the question is not solved

Dear @gggggdsfgr,

Thank you for your response.

As you have inserted a very large image for the Question explanation, it got outside from the container in the case of the small screens.
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-194).
Do?not?delete?the?space?after?it.
Do?not?forget?to?clear?the?cache?afterward.

#ays-quiz-container-YOUR_QUIZ_ID .ays_questtion_explanation img{
max-width:100%;
}

Please check this and let us know about the outcome.

Thank you.

Thank you.

Now there is a slight change, that is, while giving the exam, the title is showing properly, and After the See result, the images look fine, but some of the titles go outside the box.But before using custom CSS images the images look too big, now they look fine, but after the See result some titles go out of the box.

Dear @gggggdsfgr,

Thank you for your response.

We checked and noticed that you have removed the CSS code we provided you with previously and left only the one we sent you the latest. However, you needed to add the new CSS code to the previous one.

You need to have the following CSS codes in the Custom CSS option:

#ays-quiz-container-YOUR_QUIZ_ID .ays-abs-fs > .ays_fieldset{
display: contents !important;
}

#ays-quiz-container-YOUR_QUIZ_ID .ays_questtion_explanation img{
max-width:100%;
}

Don’t forget to replace?YOUR_QUIZ_ID with the?corresponding?Quiz?ID?(for instance, like this #ays-quiz-container-194).

Please check the case in this way and get back to us with an outcome.

Thank you.

Thank you so much (solved)

Dear @gggggdsfgr,

Thank you for your response.

Glad to hear that everything works fine for you now.

If your query is resolved, please take a moment to rate and review the plugin or support.

Many thanks in advance!

User History Quiz Settings > Details

[ays_user_history_quiz id=”Your_Quiz_ID”]

Question title goes out of box, after clicking on details, no other problem

• This reply was modified 3 months, 1 week ago by gggggdsfgr.

Dear @gggggdsfgr,

Thank you for your reply.

We checked and noticed that, again, the problem was connected to the Custom HTML.
Please take the following CSS code and insert it into the Appearance -> Themes -> Customize -> Additional CSS.

.ays_result_element .question-body{
max-width:100%;
}

Please don’t remove the CSS codes we provided you with. Just add this one to them.

Please check the case again and let us know whether the problem has been fixed or not for you.

Thank you.

Thank you so much,Working fine now

Dear @gggggdsfgr,

Thank you for your response.

Glad to hear that the problem has been fixed for you.
Enjoy the plugin and feel free to open a new topic in case of any further questions.

Thank you.