Hi @aflo ,
Happy to e-meet you, and thank you for reaching out to us.
I appreciate your efforts in implementing the provided CSS code. However, I noticed that the issue persists. I understand that you have already tried the suggested steps, which is truly appreciated.
Thank you for sharing the quiz URL. I will review the issue with our developer and get back to you with a feasible solution as soon as possible.
We truly appreciate your time and cooperation.
Best regards,
Dhanush
Thread Starter
aflo
(@aflo)
Hi there thank you for replying, its a lovely plugin and would really like it to work with the image at the top, thanks!
Hi @aflo ,
I hope you’re doing well. Apologies for the delay in getting back to you.
Thank you for your kind words about our plugin! We truly appreciate your feedback, as it motivates us to enhance our future developments.
I’m happy to share that our development team has provided an update regarding the image placement above the question title.
Here is the CSS code you need to apply:
.mlw_qmn_new_question {
order: 3;
}
.mlw_qmn_question_number{
order: 2;
}
.qsm-featured-image {
order: 1;
width: 100%;
}
.qsm-question-wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.qsm-question-wrapper fieldset {
order: 4;
width: 100%;
}
To implement this, follow these steps:
- Navigate to the quiz you are working on.
- Go to Quiz > Style > CSS
- Apply the provided CSS code.
- Click Save Quiz Style.
Once applied, the image will appear above the question title. You can check the expected outcome here: Screenshot link.
If you need any further assistance or information, feel free to reach out.
Thank you for your valuable time and cooperation!
Best regards,
Dhanush
Thread Starter
aflo
(@aflo)
Hi there thanks so much for the css code provided, however the issue still persists. Am I doing something wrong?
Please see the following screenshot:
https://paste.pics/T3CM5
Thread Starter
aflo
(@aflo)
Hi there I have just tested this and added the custom css to the page settings (im running a DIVI theme) and then it worked, please see the screen shot here:
https://paste.pics/ce263380145f716e32a5204cf44e6ec3
So, in all I have not added the css in the css style of the quiz itself, but rather on the page css custom and I assume it will work for others too?
Hi @aflo ,
I hope you’re doing well. My apologies for the delayed response.
I’m glad to hear that after adding the custom CSS codes to your current Divi theme, everything is working as expected. Since the Divi theme is being used under your quiz section and across your website, applying CSS directly to the page ensures that the changes take effect on quiz.
Since adding CSS through the Quiz Style section did not work as expected, your approach of applying custom CSS directly to the Divi theme pages is indeed a practical solution. I will discuss this with our team and make sure it becomes compatible with the Divi Builder.
Please let me know if you need any further assistance.
I appreciate your time and valuable cooperation.
Best regards,
Dhanush
Hi @aflo ,
I hope this message finds you well.
We’re following up regarding your recent support ticket concerning the question title below the image. I’m glad to see that you’ve resolved the issue by adding custom CSS code in the Divi Builder — great job!
As mentioned earlier, we’ll consider enhancing the display of the title below the image in a future update of our plugin to improve functionality and flexibility for all users.
Since we haven’t heard back from you, we’ll be closing this ticket for now. However, if you have any further questions or need assistance, please don’t hesitate to reach out. We’re always happy to help.
Thank you for your time and attention.
Best regards,
Dhanush
