ARI Soft - How do I customise the text colors in the quiz?

Home

News

Forum

About Us

Demos

Products

F.A.Q.

Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin

e-mail: info@ari-soft.com

Shopping Cart

You currently have 0 items in your cart.

Show Cart

Recent Events

23/11/2024 Black Friday 2024

BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.

more...
31/12/2023 New Year SALE

We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

more...

2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft.

Welcome, Guest
Please Login or Register. Lost Password?

ARI Soft Forum

WordPress plugins

ARI Stream Quiz

How do I customise the text colors in the quiz?

(1 viewing) (1) Guest

"ARI Stream Quiz" WordPress plugin

Page: 12

TOPIC: How do I customise the text colors in the quiz?

Forum Tools

#66357

How do I customise the text colors in the quiz? 4 Years, 8 Months ago	Karma: 0
How do I change the text colors for the correct and wrong answers of the quiz? For example after you click on each of the buttons the quiz automatically tells you the correct or the wrong answer. The default colors are green and red but I would like to change the color to blue? I don't really know CSS that well so any help would be great. Thanks

Iain_86

Last Edit: 2020/04/19 12:59 By Iain_86.

The administrator has disabled public write access.

#66358

Re:How do I customise the text colors in the quiz? 4 Years, 8 Months ago	Karma: 760
Hello, Read this post please. Regards, ARI Soft

admin

The administrator has disabled public write access.

#66370

Re:How do I customise the text colors in the quiz? 4 Years, 8 Months ago

Karma: 0

Hello thanks,

I looked at the post you sent me and typed in this command.

/* Highlight of correct answer */
BODY .asq-theme.asq-theme-buzzfeed .quiz-question-answer-correct {
background: #92BBF7 !important;
text color*/#92BBF7 !important;
}

/* Highlight of wrong answer */
BODY .asq-theme.asq-theme-buzzfeed .quiz-question-answer-wrong {
background: #0049FF !important;
text color*/#0049FF !important;
}

I have managed to change the color of the background buttons, but the text for the correct and wrong answers are still showing green and red. I have attached an image of the quiz for you to see in detail.

Thanks.

Iain_86

The administrator has disabled public write access.

#66383

Re:How do I customise the text colors in the quiz? 4 Years, 8 Months ago	Karma: 760
Could you provide a link to the quiz? It can be a conflict with 3rd party styles. Regards, ARI Soft

admin

The administrator has disabled public write access.

#66386

Re:How do I customise the text colors in the quiz? 4 Years, 8 Months ago	Karma: 0
Hi, here is the link. ctpp.vectorgraphicdesigner.co.uk/guess-the-decade-quiz/ Regards

Iain_86

The administrator has disabled public write access.

#66392

Re:How do I customise the text colors in the quiz? 4 Years, 8 Months ago Karma: 760

Try the following CSS rules:

Code:



BODY .asq-theme.asq-theme-buzzfeed .quiz-question-status.quiz-question-correct .quiz-question-result {

  background: #92BBF7;

  color: #CCC ;

}



BODY .asq-theme.asq-theme-buzzfeed .quiz-question-status.quiz-question-wrong .quiz-question-result {

  background: #0049FF;

  color: #CCC ;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

Page: 12

Useful Links