Answer Style

Dear @juanmartinbarozzi,

Thank you for your topic.

I wanted to mention that, unfortunately, we don’t have an option available for this specific purpose at the moment.

However, our Dev Team has written a custom CSS solution specifically for your needs.
With this CSS, we can center the two columns and change the quantity to five columns on grid.

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-1).
Do not delete the space after it.
Do not forget to clear the cache afterward.

Here is the CSS code for your first request:

#ays-quiz-container-YOUR_QUIZ_ID .ays_grid_view_container {
    justify-content: center; /* Align items to the center horizontally */
    gap: 5px; /* Set spacing between items */
}

Here is the CSS code for your third request:

#ays-quiz-container-YOUR_QUIZ_ID .ays_grid_view_item {
    width: calc(20% - 10px) !important; /* Set item width to 20%, ensuring 5 columns per row with spacing */
}

Regarding your second request, please note that we currently don’t have an available option for that specific purpose.

Please try this and let us know the outcome.

Thank you.

Dear @juanmartinbarozzi,

Glad to hear that everything works fine for you now.

Your review can make a big difference!
Please leave us a rating on ww.wp.xz.cn.

You’ll help new users discover our plugin, giving us the opportunity to make it even better for you!

Here is the link for rating: https://ww.wp.xz.cn/support/plugin/quiz-maker/reviews/?filter=5

Thanks in advance!