How do I change the label colors of Appointment Pro in the Mobile App Manager?

Follow the instructions below to change the label colors in the Appointment Pro section of the Mobile App Manager.

1) Log into your App Manager and select your app.

2) Click Colors from the left-hand-side of the screen (or the middle of the screen).

3) Scroll down to the Advanced SCSS box. If there is already code in the advanced SCSS box, do not remove it. Start a new line “after” the last character in the box, then paste the above code.

/*** BEGIN: APPOINTMENT PRO: CHANGE COLOR LABELS ***/
.mam-appointment-view .active {
background-color: #297825 !important;
color: #ffffff !important; /*active label*/
}


.mam-appointment-view .cancelled {
background-color: #eb0000 !important;
color: #ffffff !important; /*cancelled label*/
}


.mam-appointment-view .completed {
background-color: #f3bd71 !important;
color: #ffffff !important; /*completed label*/
}
/*** END: APPOINTMENT PRO: CHANGE COLOR LABELS ***

4)Click Save.

NOTE: Change the hex colors (ex: “ffffff” or “297825”) to match the colors that fit your needs..