Title: Align/Style Loading Icon
Last modified: October 21, 2018

---

# Align/Style Loading Icon

 *  Resolved [sgrx](https://wordpress.org/support/users/sgrx/)
 * (@sgrx)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/align-style-loading-icon/)
 * How do I target the loading circular icon via CSS? I’d like to align it properly.
   It aligns on the top right in inline forms.
 * This is the icon I’m talking about — example screenshot from your website; I’ve
   placed red borders around it: [https://drive.google.com/file/d/1f3zu03Hbko1nE3i4kS-nWNn1CQxBEgZg/view?usp=sharing](https://drive.google.com/file/d/1f3zu03Hbko1nE3i4kS-nWNn1CQxBEgZg/view?usp=sharing)
 * Thanks

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

 *  Plugin Contributor [yikesitskevin](https://wordpress.org/support/users/yikesitskevin/)
 * (@yikesitskevin)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/align-style-loading-icon/#post-10803390)
 * Hi [@sgrx](https://wordpress.org/support/users/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](https://wordpress.org/support/users/sgrx/)
 * (@sgrx)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/align-style-loading-icon/#post-10919909)
 * 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](https://wordpress.org/support/users/yikesitskevin/)
 * (@yikesitskevin)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/align-style-loading-icon/#post-10921370)
 * 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.
    -  This reply was modified 7 years, 6 months ago by [yikesitskevin](https://wordpress.org/support/users/yikesitskevin/).
    -  This reply was modified 7 years, 6 months ago by [yikesitskevin](https://wordpress.org/support/users/yikesitskevin/).
 *  Thread Starter [sgrx](https://wordpress.org/support/users/sgrx/)
 * (@sgrx)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/align-style-loading-icon/#post-10921424)
 * 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](https://wordpress.org/support/users/yikesitskevin/)
 * (@yikesitskevin)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/align-style-loading-icon/#post-10921435)
 * 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.

 * ![](https://s.w.org/plugins/geopattern-icon/yikes-inc-easy-mailchimp-extender_a1c7e5.
   svg)
 * [Easy Forms for Mailchimp](https://wordpress.org/plugins/yikes-inc-easy-mailchimp-extender/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/yikes-inc-easy-mailchimp-extender/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/yikes-inc-easy-mailchimp-extender/)
 * [Active Topics](https://wordpress.org/support/plugin/yikes-inc-easy-mailchimp-extender/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/yikes-inc-easy-mailchimp-extender/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/yikes-inc-easy-mailchimp-extender/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [yikesitskevin](https://wordpress.org/support/users/yikesitskevin/)
 * Last activity: [7 years, 6 months ago](https://wordpress.org/support/topic/align-style-loading-icon/#post-10921435)
 * Status: resolved