How to add test to Spinner on order placement

[odsadmin]

Hey,
I used this code to add the spinner to my check-out processing page.

/* Checkout page processing spinner */
.woocommerce-checkout.processing .blockUI.blockOverlay {
background-image:url(‘https://www.outdoordogsupply.com/5/’) !important;
background-position: center 50% !important;
background-repeat: no-repeat !important;
position: fixed !important;
}

It works great. I put it in the CSS everything is perfect. The only problem we are having is sometimes people are hitting the back button thinking it is a bad load I guess. I need to add text to the Spinner saying Please do not hit the back button your order is processing.

I saw this but it says nothing about adding text.

How do I make this full screen upon place order

I want to have a spinner similiar to how X uses theirs this is the code I am using and it works but I want it to be full screen and show some text that the order is being processed .processing .blockOverlay { background-image:url(‘https://theawakenedoracle.com/wp-content/uploads/2018/05/youth-570881_640.jpg’) !important; background-position: center 30% !important; background-repeat: no-repeat !important; }

[prakash_s]

Hello @odsadmin,

Thanks for writing to us.

The features that you want it would require custom development. I would suggest you please contact a developer who can assist you with your concern. Please note that the code provided in the thread serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer or you can avail of our services called One where customization questions are answered.

Thanks for understanding