Effect when submit

Hi @tallerwp,

May I please have a link to your form?

Thank you,
-Tracy

Hi @tallerwp,

Just checking in. May I please have a link to your form?

Thank you,
-Tracy

Hi @liljimmi

Sorry, my problem is that I have the web in local now. But my boss say me, remove the effect when you submit! ??

Thank you

Hi Laura,

I know we have a filter to allow you to change that effect, but I don’t know it off the top of my head and my plugin dev is on vacation this week. He will be in on Monday and can give a detailed answer then.

Thank you,
-Tracy

@liljimmi

Thank you Tracy, I will wait for a solution.

I’ll cross my fingers so that everything will be ok. ??

Hi Laura,

There are three different effects that happen when a form is submitted. (1) The form’s opacity is reduced so it appears ‘grayed out’, (2) a ‘spinning gif’ is placed on top of the form, and (3) a ‘loading dots’ gif replaces the submit button text.

Are you trying to remove one of these effects?

There’s no way to change the form’s opacity (1).

To change (2), the ‘spinning gif’, you can use the filter yikes-mailchimp-preloader. Here is an example of how to remove it:

// Remove spinning gif (form gif)
add_filter( 'yikes-mailchimp-preloader', '__return_false' );

To change (3), the ‘loading dots gif’, you are supposed to be able to use the filter yikes-mailchimp-loading-dots in the same way as the yikes-mailchimp-preloader filter. However, I just tested it and it appears to be loading a blank/broken image instead of removing it. Let me know if this is what you’re trying to remove and I can fix this.

You can also hide the gifs (2) and (3) using CSS if you’re more comfortable with that. Let me know if you’d like me to explain that.

Cheers,
Kevin.

Yes!!! Now I can remove the effect.

thank you very much ??

Great Plugin

You’re welcome! I’m glad you’re liking the plugin ??

My question is along the same lines. I would love to know how to get rid of (3) the dots over top of the submit button. Was that fixed?

Worst case if I can change the color that the submit button turns when you submit the form I can deal with the dots over top. The button changes to a default blue on submit, and I can’t figure out the CSS to get that swapped back to my red/orange color.

https://kompose.website/tfb/claim-your-free-gifts/

• This reply was modified 6 years, 10 months ago by Keryn.

Hi @b-summers,

Kevin posted the code above to remove the effect.

Thank you,
-Tracy

Hi @liljimmi,

He also said the fix I wanted to use (3) “appears to be loading a blank/broken image instead of removing it. Let me know if this is what you’re trying to remove and I can fix this.”

Nothing was said about a fix after that, so I’m not sure that is the correct fix?

I also am more concerned with the color of the button changing when I hit submit over removing the dots, which wasn’t addressed in this thread. Any ideas?

Hi @b-summers,

There must be some conflict happening between the plugin and your theme’s styles.

This CSS will force the button to stay the correct red color through the subscription process.

.yikes-easy-mc-submit-button-2:active, .yikes-easy-mc-submit-button-2:focus, .yikes-easy-mc-submit-button-2[disabled] {
    background-color: #8d2611 !important;
}

Are you familiar with adding custom CSS to your site?

Let me know.

Cheers,
Kevin.

Ahhh thank you very much @yikesitskevin this worked in my case.