{"id":13686,"date":"2023-05-06T10:06:38","date_gmt":"2023-05-06T14:06:38","guid":{"rendered":"https:\/\/buzapps.net\/info\/?post_type=knowledgebase&#038;p=13686"},"modified":"2023-05-07T03:24:07","modified_gmt":"2023-05-07T07:24:07","slug":"change-referral-code-text-color-in-invite-friend-feature","status":"publish","type":"knowledgebase","link":"https:\/\/buzapps.net\/info\/knowledgebase\/how-to\/change-referral-code-text-color-in-invite-friend-feature\/","title":{"rendered":"Change Referral Code text color in Invite Friend feature."},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>How do I change the text size and color of the &#8220;Referral Code&#8221; text in the Invite Friend feature?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Follow the instructions below to change the text size, color or bold of the &#8220;Referral Code&#8221;.<\/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> Under the <strong>Icons section<\/strong>, change the color of <strong>Icon Active<\/strong> to the color of your liking.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4)<\/strong>\u00a0Scroll down to the\u00a0<strong>Advanced SCSS box<\/strong>.\u00a0If 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: CHANGE INVITE REFERRAL CODE TEX ***\/\n.invitefriend .refer-code span.icon-active-custom {\nfont-weight: bold;\nfont-size: 20px;\n}\n\/*** END: CHANGE INVITE REFERRAL CODE TEX ***\/<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>5) <\/strong>Click&nbsp;<strong>Save<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>NOTE:<\/strong> To change the font size, edit &#8220;20&#8221; to the size you prefer.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How do I change the text size and color of the &#8220;Referral Code&#8221; text in the Invite Friend feature? Follow the instructions below to change the text size, color or bold of the &#8220;Referral Code&#8221;. 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) Under the Icons section, change the color of Icon Active to the color of your liking. 4)\u00a0Scroll down to the\u00a0Advanced SCSS box.\u00a0If there is already code in the advanced SCSS box, do not remove it.\u00a0Start a new line \u201cafter\u201d the last character in the<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[35],"class_list":["post-13686","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-how-to"],"_links":{"self":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13686","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=13686"}],"version-history":[{"count":2,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13686\/revisions"}],"predecessor-version":[{"id":13922,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13686\/revisions\/13922"}],"wp:attachment":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/media?parent=13686"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase_cat?post=13686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}