Customize Login (My Account) screen.

Use the code below to change the Login/My Account screen.

Below is a before and after image:

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 code below.

/** Begin customize my account fields*/

.customer-view .item.item-custom {

border-radius: 30px;

text-transform: uppercase;

margin: 10px;


/** End customize my account fields*/


box-radius – it’s rounded corners

text-transform – concerned the case of your font

margin – spaces between differents elements

You can change values of border-radius or margin. Example: border-radius: 10px