Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hi @sgrx,

    The class you’re looking for is yikes-mailchimp-preloader.

    This is the default CSS we apply to it:

    .update-email-preloader,
    .yikes-mailchimp-preloader {
    	position: absolute;
    	top: 40%;
    	left: 0;
    	right: 0;
    	bottom: 0;
    	margin: 0 auto;
    }
    
    img.yikes-mailchimp-preloader{
    	max-height:40px;
    }

    If you want to send me over the URL of your website, I can show you how to use JavaScript to keep this spinner visible at all times so you can style it more easily.

    Cheers,
    Kevin.

    Thread Starter sgrx

    (@sgrx)

    Site is under development; no URL yet. Could you share how to do it?

    I tried commenting submitted_form.find( '.yikes-mailchimp-preloader' ).remove(); in yikes-mc-ajax-forms.js but that didn’t work.

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    The selector is listed above, i.e. .yikes-mailchimp-preloader.

    If you want to remove it, try hiding it with CSS.

    .yikes-mailchimp-preloader {
        display: none !important;
    }

    Cheers,
    Kevin.

    Thread Starter sgrx

    (@sgrx)

    Thanks, I was looking to align it by making it visible while doing so, but I think removing would be better. That helps.

    Any tips on how to make the error messages appear below the form instead of above? I can’t find an option to change the location.

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    We’re inserting the success/error message via JavaScript and explicitly placing it before the form. You could change this in the JS but it will get wiped out on our next update. I’m not sure there’s a good solution for that…

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Align/Style Loading Icon’ is closed to new replies.