[rockstarsr]

I host my site on amazon web services (S3) which doesn’t support php. Hence i host (only) the (send-mail.)php file on a different server which supports php and rest of the site is on S3.

What this means is, the contact form works fine (S3 connects to server which hosts the php file to send the mail) BUT the rotating icon on the bottom of the screen is not updated when the message is sent. It just keeps rotating even when we navigate to other page.

So I would like to know how to get the icon to play nice with php on other server and rest of the site on Amazon AWS (S3).

Else, how do I just remove that icon?

Cheers

[Mehmet S.]

It wants to be placed in same server. But you can hide it via css:

display: none;

[rockstarsr]

^^Thanks for the reply! But can you tell me in which css file and where I need to put the code?

Cheers

[Mehmet S.]

Add the following line to the end of the main.css file:

.loader { display: none; }

[rockstarsr]

Done! But I still see the loader :!

[Mehmet S.]

Open send-mail.js file,

Add the following line after the loading line:

add this:

hideLoader();

Like this:

contactForm.find('.submit-area').addClass('loading');
hideLoader();

[rockstarsr]

Tried and No success :-( Still see that!

[Mehmet S.]

Clear the cache.

[rockstarsr]

I always delete the cache while testing. Still no luck :-!

[Mehmet S.]

Try this:

// contactForm.find('.submit-area').addClass('loading');

[rockstarsr]

Still no luck!

[Mehmet S.]

.loader { display: none !important; }

[rockstarsr]

Excellent! It worked :-)

Can i display a ‘Success’ message as soon as the send button is pressed (irrespective of what happens at php side)…some kind of response to user is nice..?

[Mehmet S.]

Sorry, I don’t know.