Change paypal preload spinner

Hi,

 

The paypal preload spinner my customers see on my mobile website after clicking the pay button and being redirected to paypal, is WAY TOO BIG.

See attached file.

Is possible to change it. I have a nice GIF preloader I can use to replace it, but I do not know where to enter its url.

 

Please let me know.

Thanks,

Cheers,

Guy

Hi,

Unfortunately that spinner is on Paypal's end.  Here is Paypal's guide on how to edit the their layout:

https://www.paypal.com/customize

Though I could not find anything on customizing the loading GIF.

You can also edit the payment page layout through our interface:

Though there is not an option to alter the loading GIF here either.  I have opened a ticket for a feature request to see if this is something we can add in the future.  For now, unfortunately it is not possible.

Please let us know if you have any other questions and we will be happy to help.

Thank you for using Jotform!

Thanks for your thorough and clear response.

No worries, we are here to help.  You could try using our mobile responsive widget:

http://widgets.jotform.com/app/mobile_responsive

To see if that alters the way things load in a mobile environment.  This may allow at least for the GIF to be loaded in a smaller format on mobile.  Let us know if you have any other questions and we will be happy to help.

Thank you for using Jotform!

Thanks David, I tried it, but it does not change the spinner.

 

In addition, it removes the subtotal I had in the form, as well as the labels for the dropdowns.

Too bad, because I really like the mobiel layout it provides. Using it would prevent me from having 2 forms, one for desktop and one for mobile.

Can these issues be fixed ?

Guy

Hi,

I have confirmed with a colleague that the spinner is indeed something that currently cannot be altered.  If the formatting is off with the mobile widget, you could try using CSS injection to change and adjust the mobile formatting:

/*-----------RESPONSIVE-----------*/

@media only screen and (max-width: 480px) {

.form-textarea,

.form-textbox,

.form-dropdown{

width: 100% !important;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

.form-label-left, .form-label-right{

width: auto;

}

.form-buttons-wrapper{

margin-left:0 !important;

}

.form-input {

width: 100%;

}

.form-all{

width: 98%;

}

.form-sub-label-container {

width: 100%;

display:block;

}

/*--for the address table--*/

span.form-sub-label-container + span.form-sub-label-container {

margin-right: 0;

}

.form-address-table select,

.form-address-state,

.form-address-table, 

.form-address-line,

.form-address-table .form-sub-label-container {

width: 100%;

}

.form-address-postal,

.form-address-city{

width: 99%;

 

}

.form-address-table td, .form-address-table th {

padding-bottom: 10px;

padding: 0 0 10px 0;

}

}

Simply inject this CSS to your form. How to Inject Custom CSS Codes to your Form

Here's a demo: http://www.jotformpro.com/form/31362999175971, try resizing the browser window width and see how the form reacts.

We will let you know when we have an update for the spinner.

Thank you for using Jotform!