ARI Soft - Customize color - general technic CSS

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

Customize color - general technic CSS

(1 viewing) (1) Guest

"ARI Stream Quiz" WordPress plugin

Page: 1

TOPIC: Customize color - general technic CSS

Forum Tools

#64347

Customize color - general technic CSS 5 Years, 11 Months ago

Karma: 0

Hi

i have read post and i have found some answer
i would like to list in this post all tehnic to customize the color of the quizz.

First: to change color background
=====

body .asq-theme.asq-theme-buzzfeed .quiz-result {
background-color: #000;
color: #fff;
}
=====
change # by the color you want

------

Can u say me,
1: how to change the pink color color when u start the quizz
2: in the quizz : how u change the yellow color ( hover)
3: the color of share buttons ( actually , it is the color of the theme)
4: the color of answer right and wrong

TX 4 all ur works

hourcade

The administrator has disabled public write access.

#64351

Re:Customize color - general technic CSS 5 Years, 11 Months ago Karma: 760

Hello,

Use the following CSS rules:

Code:



/* 1. Start button */

body .asq-theme.asq-theme-buzzfeed .button.button-salmon {

    background-color: green;

}



/* 3. Share buttons */

body .asq-theme.asq-theme-buzzfeed .button.button-facebook {

    background-color: red;

}



body .asq-theme.asq-theme-buzzfeed .button.button-twitter {

    background-color: yellow;

}



body .asq-theme.asq-theme-buzzfeed .button.button-gplus {

    background-color: blue;

}



/* 4. Wrong/Correct */

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

	color: blue;

}



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

	color: yellow;

}

About #2, could you provide a screenshot where possible to see what you want to modify?

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#64353

Re:Customize color - general technic CSS 5 Years, 11 Months ago	Karma: 0
thanks for the answer, all is Ok , u are rapid , clear. i like the pluggin and the support

hourcade

The administrator has disabled public write access.

#64358

Re:Customize color - general technic CSS 5 Years, 11 Months ago	Karma: 760
Use the following CSS rule: body .asq-theme.asq-theme-buzzfeed .quiz-question:not(.question-completed) .quiz-question-answer:not(.quiz-question-answer-selected):hover { background-color: blue; } Regards, ARI Soft

admin

The administrator has disabled public write access.

#66038

Re:Customize color - general technic CSS 4 Years, 11 Months ago	Karma: 0
Fantastic - thank you!

shmickmick

The administrator has disabled public write access.

Page: 1

Useful Links