Home News Contact Us Forum About Us Demos Products F.A.Q.
ARI Soft









Register   Lost Password?
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
  • 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...

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.
    more...


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




Follow us on twitter



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
Go to bottomPage: 1
TOPIC: Customize color - general technic CSS
#64347
Customize color - general technic CSS 5 Years, 5 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
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#64351
Re:Customize color - general technic CSS 5 Years, 5 Months ago Karma: 748
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
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
#64353
Re:Customize color - general technic CSS 5 Years, 5 Months ago Karma: 0

thanks for the answer, all is Ok , u are rapid , clear.
i like the pluggin and the support
hourcade
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#64358
Re:Customize color - general technic CSS 5 Years, 5 Months ago Karma: 748
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
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
#66038
Re:Customize color - general technic CSS 4 Years, 5 Months ago Karma: 0
Fantastic - thank you!
shmickmick
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
Go to topPage: 1
ARI Soft Forum
WordPress plugins
ARI Stream Quiz
Powered by Kunenaget the latest posts directly to your desktop
Useful Links
Products
F.A.Q.
Discount
RSS
Top Products
ARI Data Tables
ARI Sexy Lightbox
ARI Quiz
ARI Stream Quiz - Personal
ARI Smart Content
Help
Forum
F.A.Q.
Home | News | Contact Us | Forum | About Us | Demos | Products | F.A.Q.
ARI Soft
License | Terms and Conditions | Copyright Info | Privacy Policy
 
ARI Soft
Copyright © 2009