Comments 12MeesterGijs started the conversationSeptember 17, 2022 at 4:46pmHello,How do I get this bit to be the color #fff ?I used this code, didn't work: .course_heading .course_progress_wrapper .course_progress {background:#fff !important;}Thanks,Gijs[deleted] repliedSeptember 20, 2022 at 8:38amPlease try adding this custom css in your wp-admin-> appearance-> customize -> custom css : .course_progress_wrapper .course_progress>span{ background:#ffffff !important;} 12MeesterGijs repliedSeptember 20, 2022 at 5:05pmIt changed the part of the progress bar that has already been completed, the bit on the left. How can I change the bit on the right?[deleted] repliedSeptember 22, 2022 at 6:45amwhat color you would like , im not able to get you on this . that is shadow indicating there progress to be filled. 12MeesterGijs repliedSeptember 22, 2022 at 8:47amHave a look here.[deleted] repliedSeptember 23, 2022 at 3:59pmPlease try adding this custom css in your wp-admin-> appearance-> customize -> custom css : .course_status .course_timeline .course_heading .course_progress>span { background: #3F3F3F;}.course_status .course_timeline .course_heading .course_progress { background: var(--white); border-radius:5px;} 12MeesterGijs repliedSeptember 24, 2022 at 7:07amPerfect! Thank youWe can close Sign in to reply ...
Hello,
How do I get this bit to be the color #fff ?
I used this code, didn't work: .course_heading .course_progress_wrapper .course_progress {background:#fff !important;}
Thanks,
Gijs
Please try adding this custom css in your wp-admin-> appearance-> customize -> custom css :
.course_progress_wrapper .course_progress>span{
background:#ffffff !important;
}
It changed the part of the progress bar that has already been completed, the bit on the left. How can I change the bit on the right?
what color you would like , im not able to get you on this . that is shadow indicating there progress to be filled.
Have a look here.
Please try adding this custom css in your wp-admin-> appearance-> customize -> custom css :
.course_status .course_timeline .course_heading .course_progress>span {
background: #3F3F3F;
}
.course_status .course_timeline .course_heading .course_progress {
background: var(--white);
border-radius:5px;
}
Perfect! Thank you
We can close