{"id":13662,"date":"2023-05-06T09:47:56","date_gmt":"2023-05-06T13:47:56","guid":{"rendered":"https:\/\/buzapps.net\/info\/?post_type=knowledgebase&#038;p=13662"},"modified":"2023-05-07T03:36:08","modified_gmt":"2023-05-07T07:36:08","slug":"change-the-active-icon-color-in-appointments-pro","status":"publish","type":"knowledgebase","link":"https:\/\/buzapps.net\/info\/knowledgebase\/how-to\/change-the-active-icon-color-in-appointments-pro\/","title":{"rendered":"Change the active icon color in Appointments Pro."},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>In Appointments Pro, how do I change the color of the active icon in the booking process?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To change the &#8220;active&#8221; icon that appears as someone is booking an appointment in the Appointments Pro feature, follow the steps below:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/buzapps.net\/pages\/wp-content\/uploads\/2018\/03\/knowledgebase_easy_appointments_pro_01z.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/buzapps.net\/pages\/wp-content\/uploads\/2018\/03\/knowledgebase_easy_appointments_pro_01z.jpg\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1)<\/strong> Log into your Control Panel and select <strong>Colors<\/strong> 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>2)<\/strong> Scroll down to the <strong>Advanced SCSS<\/strong>.\u00a0If there is already code in the box do not delete it!\u00a0Simply add this code &#8220;below&#8221; the last character of code in the box.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/*** BEGIN: APPOINTMENT PRO: EDIT ICONS COLOR ***\/\n.tab-item-active &amp;gt; .icon,\n.tab-item-active &amp;gt; span.tab-title {\ncolor: #ff0000 !important;\n}\n\/*** END: APPOINTMENT PRO: EDIT ICONS COLOR ***\/<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3)<\/strong> Change the hex color&nbsp;<strong>ff0000<\/strong> to the hex color that you would like to use.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4)<\/strong> Click <strong>Save<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In Appointments Pro, how do I change the color of the active icon in the booking process? To change the &#8220;active&#8221; icon that appears as someone is booking an appointment in the Appointments Pro feature, follow the steps below: 1) Log into your Control Panel and select Colors from the left-hand-side of the screen (or the middle of the screen). 2) Scroll down to the Advanced SCSS.\u00a0If there is already code in the box do not delete it!\u00a0Simply add this code &#8220;below&#8221; the last character of code in the box. 3) Change the hex color&nbsp;ff0000 to the hex color that<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[35],"class_list":["post-13662","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-how-to"],"_links":{"self":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13662","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=13662"}],"version-history":[{"count":2,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13662\/revisions"}],"predecessor-version":[{"id":13936,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13662\/revisions\/13936"}],"wp:attachment":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/media?parent=13662"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase_cat?post=13662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}