{"id":13694,"date":"2023-05-06T10:11:56","date_gmt":"2023-05-06T14:11:56","guid":{"rendered":"https:\/\/buzapps.net\/info\/?post_type=knowledgebase&#038;p=13694"},"modified":"2023-05-07T03:20:55","modified_gmt":"2023-05-07T07:20:55","slug":"change-label-colors-in-appointment-pro","status":"publish","type":"knowledgebase","link":"https:\/\/buzapps.net\/info\/knowledgebase\/how-to\/change-label-colors-in-appointment-pro\/","title":{"rendered":"Change label colors in Appointment Pro."},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>How do I change the label colors of Appointment Pro in the Mobile App Manager?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Follow the instructions below to change the label colors in the Appointment Pro section of the Mobile App Manager.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1)<\/strong>&nbsp;Log into your App Manager and&nbsp;<strong>select your app<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2)<\/strong>&nbsp;Click&nbsp;<strong>Colors<\/strong>&nbsp;from the left-hand-side of the screen (or the middle of the screen).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3)<\/strong>\u00a0Scroll down to the\u00a0<strong>Advanced SCSS box<\/strong>. If there is already code in the advanced SCSS box, do not remove it.\u00a0Start a new line \u201cafter\u201d the last character in the box, then paste the above code.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/*** BEGIN: APPOINTMENT PRO: CHANGE COLOR LABELS ***\/\n.mam-appointment-view .active {\nbackground-color: #297825 !important;\ncolor: #ffffff !important; \/*active label*\/\n}\n\n\n.mam-appointment-view .cancelled {\nbackground-color: #eb0000 !important;\ncolor: #ffffff !important; \/*cancelled label*\/\n}\n\n\n.mam-appointment-view .completed {\nbackground-color: #f3bd71 !important;\ncolor: #ffffff !important; \/*completed label*\/\n}\n\/*** END: APPOINTMENT PRO: CHANGE COLOR LABELS ***<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4)<\/strong>Click&nbsp;<strong>Save<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>NOTE:<\/strong> Change the hex colors (ex: &#8220;ffffff&#8221; or &#8220;297825&#8221;) to match the colors that fit your needs..<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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)&nbsp;Log into your App Manager and&nbsp;select your app. 2)&nbsp;Click&nbsp;Colors&nbsp;from the left-hand-side of the screen (or the middle of the screen). 3)\u00a0Scroll down to the\u00a0Advanced SCSS box. If there is already code in the advanced SCSS box, do not remove it.\u00a0Start a new line \u201cafter\u201d the last character in the box, then paste the above code. 4)Click&nbsp;Save. NOTE: Change the hex colors (ex: &#8220;ffffff&#8221; or &#8220;297825&#8221;) to<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[35],"class_list":["post-13694","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-how-to"],"_links":{"self":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13694","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/comments?post=13694"}],"version-history":[{"count":2,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13694\/revisions"}],"predecessor-version":[{"id":13917,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13694\/revisions\/13917"}],"wp:attachment":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/media?parent=13694"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase_cat?post=13694"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}