How to change the default image in the Pay In App feature?

Use the code below to customize the default icon that is used in the “Pay In App” 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. 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 customize pay in app default image*/

.item.item-body.item-custom.text-center {

background-image: url(" ") !important;

background-position: 50%;

height: 300px;

background-repeat: no-repeat;


/** End customize pay in app default image*/

4) Click Save.

NOTE: Change the image url to the url that points to your image.