Vice BP Quiz colour customization

[rfjardim]

Dear Support Where where I customize certain colours on the quiz page? As you can see, the green, which shows if the answer is correct or not, and the red that shows scores - both are present in light and dark modes. Also, take a close look at the options, that little radio button where we choose the correct answer, in dark mode that is barely visible, I tried to change that without success. I went to Appearance >> Customize >> VB Settings - I could not find there. Please help Thank you https://i.postimg.cc/44Hy4xz9/Screenshot-from-2021-06-24-11-25-17.png https://i.postimg.cc/j2fSMMsX/Screenshot-from-2021-06-24-11-25-26.png https://i.postimg.cc/9F3MDHpN/Screenshot-from-2021-06-24-11-28-25.png https://i.postimg.cc/6ptphVFr/Screenshot-from-2021-06-24-11-31-31.png https://i.postimg.cc/15pz677R/Screenshot-from-2021-06-24-11-31-36.png

[Ada]

Hi, As you can see, the green, which shows if the answer is correct or not, and the red that shows scores – both are present in light and dark modes. - Yes these colors are set in code and not customized from vibebp colors. if you want to change them then you need to use custom css for it. 2- The radio button color is set from one of the light vibebp colors but you can use this css code in appearance>>customize>>custom css to set the color.

.vibebp_myprofile .radio input[type="radio"]:checked+label:before {
    border: 4px solid white !important;
}

[rfjardim]

Thank you for your reply. Thank you for the radio button info. I would like to set the green and red to a tone that fits our company colours. Would you be so kind to tell me where to find them so I can make the changes? The tone they are not does not match with the tone of our colours . Thank you

[Ada]

HI, Please use this css code

.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li.done.incorrect {
    color: #fff;
    background: rgba(255,0,0,0.5) !important;
}
.course_status .incourse .incoursequiz_details .quiz_timeline .timeline_wrapper>ul li.done.correct {
    color: #fff;
    background: rgba(0,128,0,0.5) !important;
}
.course_status .incourse .checked_answer.correct {
    background: #d8eec2 !important;
}

[Author]

Posts