Cambiar color de la fuente de texto

Hi Malloyruiz,

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

Usually the default font color for the quiz is #151515. You can use some custom CSS to change the text elements of the quiz to the color you want.

You will add some custom CSS. Have you experienced doing this? If not, you can use a guide like?this.

Copy and paste this code below into the field and click Save. Instead of “#151515”, enter your own desired color.

div.fca_qc_quiz p.fca_qc_quiz_title
{
color: #151515?!important;
}

div.fca_qc_quiz .fca_qc_quiz_description
{
color: #151515?!important;
}

To change the questions and answers –

.fca-qc-flipper div
{
color: #151515?!important;
}

To change the “NEXT” button –

div.fca_qc_quiz button.fca_qc_next_question
{
color: #151515?!important;
}

Then let me know how it goes. If it does not work, leave it in place, so I can inspect it further, and get back to me with a link to your quiz.

If you need more places changed, please provide me with a link to your quiz and let me know which further parts of the quiz you would like to have the font color changed.

Looking forward to hearing back from you.

All the best.

Muchísimas gracias, ya hice los cambios y funciona excelente, solo falta la pregunta que no sé por que no cambia de color. Mira, Prueba 1, 2, 3

https://cuentistas.net/el-valle-de-la-conexion-perdida/

Otra cosa, habrá alguna manera de insertar emojis en los resultados?

Hi Malloyruiz,

Thanks for your reply.

Sorry to hear the question font color didn’t change. Please try this CSS below –

p#fca_qc_question {
color: white !important;
}

Please note I am unable to view your quiz link you sent because it says “Este contenido es solo para miembros Invitado, Mensual, y Anual.”

If the CSS above does not work, please try placing the quiz shortcode on a page that is not private so I can view the quiz and suggest the required changes.

Emoji – Yes that should be no problem. Have you already tried this without success?
You can just use a website like this and copy and paste the emoji as needed into a Quiz Cat field – https://smiley.cool/emoji-list.php

If you require any further help, don’t hesitate to let us know.

All the best.

• This reply was modified 6 months, 1 week ago by gavinohanlon.

Gracias otra vez, se ha resuelto el cambio de color en las preguntas. Finalmente hace falta cambiar el color en los resultados. Y aunque probé poner los emojis, no se muestran. En lugar de ellos se muestran signos ?????Genial!

Prueba este nuevo enlace https://cuentistas.net/aladino-y-la-lampara-maravillosa/

En Actividad de comprensión está el cuestionario.

Nuevamente muchas gracias, quedo al pendiente.

Hi Malloyruiz,

Please try these CSS changes below for the right and wrong answer result flipper –

p#fca_qc_question_right_or_wrong {
color: white !important;
}

span#fca_qc_question_back {
color: white !important;
}

p#fca_qc_back_response_p {
color: white !important;
}

span#fca_qc_correct_answer {
color: white !important;
}

p#fca_qc_correct_answer_p {
color: white !important;
}

button.fca_qc_next_question {
color: white !important;
}

div.fca_qc_quiz button.fca_qc_next_question:hover {
color: black !important;
}

When entering your emoji, did you do it the way I recommended using the website I sent or another way? Please send me a screenshot of how it looks in the Quiz Cat builder with the emoji.

Looking forward to your reply.

All the best.

Hi Malloyruiz,

So you can compare it to mine, this is how it looks on my Quiz Cat result area with the emojis from the page I sent – https://pasteboard.co/jlu8UouwNnhH.png

And this is how it looks when the quiz is finished – https://pasteboard.co/9SLn7d7Q7p1p.png

Looking forward to your reply.

All the best.

Gracias, otra vez.

1. En relación al cuestionario, al final de los resultados no he podido cambiar la fuente a blanco. https://ibb.co/w6PQQGf
2. En el editor de los resultados, los emojis se muestran correctamente, luego al guardarlos desaparecen, dejando solo los signos ???? https://ibb.co/hsqwVz4 https://ibb.co/7tnmnHV https://ibb.co/pLRyHGH https://ibb.co/r62Zz0Q

Agradezco todo el apoyo de tu parte, que estés bien.

Hi Malloyruiz,

Thanks for your reply and information.

Sorry for that. I missed it entirely. I didn’t actually see that part because the current font is almost the same color as your website page.

Please use this CSS below to change the color of the result at the end of the quiz.

.fca_qc_score_text {
color: white !important;
}

.fca_qc_score_title {
color: white !important;
}

.fca_qc_quiz p:not(.fca_qc_back_response):not(#fca_qc_question_right_or_wrong):not(.fca_qc_question_response_correct_answer):not(.fca_qc_question_response_response):not(.fca_qc_question_response_hint):not(.fca_qc_question_response_item p) {
color: white !important;
}

It should look like this after the update – https://pasteboard.co/fJrSqbMPIJog.png

Emoji issue – Thanks for the screenshots. This is not happening with my quiz and emojis.

1 – When entering your emoji, did you do it the way I recommended using the website I sent or another way? https://smiley.cool/emoji-list.php

2 – Can you please confirm where you are getting the emojis from so I can test.

3 – Can you try using the emojis on your page where a quiz from Quiz Cat is not present and see if the emojis work?

If the emojis don’t work on your website, that would suggest there is a separate issue.

4 – Please try entering the HTML version of the emoji are see if that helps – <p> 😡 </p>
Enter the code above by clicking the HTML button in the quiz result section. It should look like this – https://pasteboard.co/ZeU7LGqYJLTf.png Then test.

Looking forward to your reply.

All the best.

Hola, muchas gracias por toda la ayuda y el apoyo que me haz brindado.

1. Resuelto el problema de el puntaje final.
2. Los emojis los saco de la pagina recomendada, solo copio y pego. https://smiley.cool/emoji-list.php
3. Adjunto una captura de los mismo emojis fuera del quiz y dentro. https://ibb.co/6rQyhtj
4. Intente con html, pero pasa lo mismo, al guardar los cambios desaparecen los emojis y son remplazados por ???? dentro del quiz. https://cuentistas.net/aladino-y-la-lampara-maravillosa/

Mi agradecimiento nuevamente.

Hi Malloyruiz, I hope you had a good weekend.

Thanks for your reply with that added information. Interesting, I am not able to replicate this issue on my Quiz Cat. The emojis work for me.

Can you confirm for me which number version of Quiz Cat you are using?

Which version of WordPress you have?
Which version of PHP you website has?

All the best.

Hi Malloyruiz,

I hope all is well.

I am going to mark this as “resolved” but if you have any additional questions about this, feel free to reply to us.

Kind regards.