Support » Plugin: Easy Forms for Mailchimp » Effect when submit

  • Resolved Laura N

    (@tallerwp)


    Hello @liljimmi, is possible remove the effect when submit the form??

    Below the button show square with effects.

    Thank you

Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Contributor Tracy Levesque

    (@liljimmi)

    πŸ³οΈβ€πŸŒˆ YIKES, Inc. Co-Owner

    Hi @tallerwp,

    May I please have a link to your form?

    Thank you,
    -Tracy

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    πŸ³οΈβ€πŸŒˆ YIKES, Inc. Co-Owner

    Hi @tallerwp,

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

    Thank you,
    -Tracy

    Laura N

    (@tallerwp)

    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

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    πŸ³οΈβ€πŸŒˆ YIKES, Inc. Co-Owner

    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

    Laura N

    (@tallerwp)

    @liljimmi

    Thank you Tracy, I will wait for a solution.

    I’ll cross my fingers so that everything will be ok. πŸ™‚

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    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.

    Laura N

    (@tallerwp)

    Yes!!! Now I can remove the effect.

    thank you very much πŸ™‚

    Great Plugin

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    You’re welcome! I’m glad you’re liking the plugin πŸ™‚

    b-summers

    (@b-summers)

    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.

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

    • This reply was modified 2 years ago by b-summers.
    Plugin Contributor Tracy Levesque

    (@liljimmi)

    πŸ³οΈβ€πŸŒˆ YIKES, Inc. Co-Owner

    Hi @b-summers,

    Kevin posted the code above to remove the effect.

    Thank you,
    -Tracy

    b-summers

    (@b-summers)

    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?

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    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.

    b-summers

    (@b-summers)

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

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Effect when submit’ is closed to new replies.