How do I change the text size and color of the “Referral Code” text in the Invite Friend feature?

Home Documentation How To How do I change the text size and color of the “Referral Code” text in the Invite Friend feature?

Follow the instructions below to change the text size, color or bold of the “Referral Code”.

 

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) Under the Icons section, change the color of Icon Active to the color of your liking.

4) 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 change invite friend referral code text*/
.invitefriend .refer-code span.icon-active-custom {
font-weight: bold;
font-size: 20px;
}
/**End change invite friend referral code text*/

 

5) Click Save.

 

NOTE: To change the font size, edit “20” to the size you prefer.

Comments are closed.