How do I replace the Lock Image used in the Padlock Pro feature?

Use the code below to replace the lock image that is used in the Padlock Pro feature:

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 and add the following code. 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 padlock image */

ion-view[state="loginredirect-view"] .padlock .item:nth-child(2) {

background-image: url("");

background-repeat: no-repeat;

background-attachment: fixed;

background-position: center;

background-size: 200px;

height: 245px;


/** End change padlock image */

4)Click Save.

Note: Change the url to the url of your own image. You may need to adjust the height as well.