By default, the platform does not have this option. You can use the following CSS code.


Please follow the steps below:


1. Go to BuddyBoss > Theme Options

2. Under Custom Codes, enable CSS

3. Append the following:


.pc_progress_wrap .pc_progress_rate {

    stroke: red !important;

}

.widget.widget_bp_profile_completion_widget .pc_detailed_progress .single_section_wrap.completed .section_ico {

    border-color: red;

    background: red;

}

.widget.widget_bp_profile_completion_widget .pc_detailed_progress .single_section_wrap.completed .progress * {

    color: red;

}

.pc_detailed_progress_wrap .single_section_wrap.completed+.single_section_wrap.completed .section_ico:before {

    background-color: red;

}


4. Save changes.


Note: Any modifications are considered as custom work already. Know more about our Support policy here: https://www.buddyboss.com/support-policy/

Screenshots


Without code

//Insert the image here


With code

//Insert the image here