The quiz is not displaying correctly

Hi Patryk,

Thanks for your message. I will be happy to help.

I notice you have Autoptimize installed. I suspect this is preventing some CSS files from running.

You can follow this guide here, you would follow the second point for excluding a plugin – https://www.ads-software.com/plugins/autoptimize/#how%20does%20%22exclude%20from%20optimizing%22%20work%3F

I think this should stop the Quiz Cat files from getting impacted.

If you have any further questions, don’t hesitate to get back to us.

All the best.

• This reply was modified 1 year, 10 months ago by gavinohanlon.

Thanks for your answer.

I added wp-content/plugins/quiz-cat/* as excludes but it didn’t help. I also tried to deactivate plugin but there is no change.

Do you have any other ideas how I could fix this?

Hi Patryk,

Thanks for checking that.

Since that did not work, can you please try adding this custom CSS below to your site –

button.fca_qc_button.fca_qc_start_button {
    display: inline-block;
}

button.fca_qc_next_question {
    display: inline-block;
    color: #151515 !important;
    border: #151515 2px solid !important;
    height: 61px;
    line-height: initial;
}

#fca_qc_quiz_20878.fca_qc_quiz   button.fca_qc_next_question:hover {
    background-color: #fff !important;
}

Then please let me know if that takes care of the button issues and if anything else is happening, just let me know.

Looking forward to your reply.

All the best.

Its much better. Thank you.

When you click next question on hover text in the button is the same colour like button background. Could you help me fix that?

Hi Patryk,

Happy to hear its much better.

For the hover text, can you go into more details? At the moment I see the next button on hover has a black text with a white background.

Thanks

Hi Patryk,

I hope all is well with you.

I am going to mark this as “resolved” but if you have any more issues, feel free to reach out to us again, and we will be happy to assist.

All the best.