How can I shrink this frame and make the words

Dear @mmontre,

Thank you for the topic.

To enable RTL, go to the Settings tab, scroll down to find the “Use RTL Direction” option, and enable it.

See the screenshot below:

For adjusting the size, head to the Styles tab and scroll down to find the height and width options for the quiz.
You can modify them to achieve your desired size.

If this doesn’t meet your needs, please tell us!
Let us know if you have more questions.

Thank you.

thank you so much dear

@hyenokian Jasmine

please help me to resolve following
https://paste.pics/S06LI

• This reply was modified 5 days, 23 hours ago by mmontre.

Dear @mmontre,

Thank you for your response.

At the moment, unfortunately, the plugin doesn’t have this feature available for usage.
By the way, they have provided a new CSS snippet specifically for you.

Please add the following CSS to the Quizzes > particular quiz > Styles Tab > Custom CSS section.
Make sure to replace YOUR_QUIZ_ID with your actual quiz ID (for example, #ays-quiz-container-120).

#ays-quiz-container-YOUR_QUIZ_ID .ays-field.ays-matching-field-option .ays-matching-field-match {
flex-basis: 20% !important;
}

Please check this and let us know the outcome.

You can also add more CSS in the custom CSS section if you want.

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.

dear Jasmine (@hyenokian)
“Thank you for the technical support you have provided me. I followed the recommended procedures, and the result is as follows:”
https://philomaroc.com/%d9%85%d8%b3%d9%88%d8%af%d8%a9-%d8%aa%d8%ac%d8%b1%d9%8a%d8%a8/

• First question : “Please provide me with the CSS code that allows me to separate the text from the icon.”  As the picture above shows
• Segond question : I want the quiz to look like the image below, please help me by giving me the appropriate css code, knowing that I am using the RTL property. I want the answers to appear on the left side.

<font style=”vertical-align: inherit;”><font style=”vertical-align: inherit;”>??????? ?????? ???? ?? ???? ????? ???? ?????. ????? ?????? ????? ?? ??? ??????</font></font>

• This reply was modified 5 days, 8 hours ago by mmontre. Reason: ????? ????

Dear @mmontre,

Thank you for your response.

Our development team has reviewed your case and provided a new custom CSS special for you that you can add to your existing styles in the Custom CSS section.
You can find the code snippet below:

#ays-quiz-container-YOUR_QUIZ_ID .select2-container--default .select2-selection--single .select2-selection__arrow{
right: -8px;
}

Please replace YOUR_QUIZ_ID with your actual quiz ID, for example, #ays-quiz-container-12.

Regarding your second question, I want to clarify that our plugin currently does not support that functionality, so this additional feature isn’t available at this time.

Let us know if you have more questions.

Thank you.

Thanks, it worked fine. I have one more question and I’m sorry for the many requests.
I have one question left

thank you

Dear @mmontre,

Thank you for your response.

As you are using the Pro version of the plugin, please contact us via this form for further investigation of the case. Our customer care specialists will check your case and guide you accordingly as soon as possible.
Commercial products are not supported in these forums.

Looking forward to hearing from you.

Thank you.