Title: Custom loader
Last modified: August 31, 2016

---

# Custom loader

 *  Resolved [borbs](https://wordpress.org/support/users/borbs/)
 * (@borbs)
 * [10 years ago](https://wordpress.org/support/topic/custom-loader-1/)
 * I’d like to use a custom CSS loader instead of one of those spinners.
    Is it 
   possible?
 * This is the code of the loader, if it helps…
 *     ```
       /* LOADER */
       .cssload-container{
       	position:relative;
       	padding-bottom: 108px;
       }
   
       .cssload-whirlpool,
       .cssload-whirlpool::before,
       .cssload-whirlpool::after {
       	position: absolute;
       	top: 50%;
       	left: 50%;
       	border: 1px solid rgb(204,204,204);
       	border-radius: 974px;
       		-o-border-radius: 974px;
       		-ms-border-radius: 974px;
       		-webkit-border-radius: 974px;
       		-moz-border-radius: 974px;
       }
   
       .cssload-whirlpool {
       	margin: -24px 0 0 -24px;
       	height: 49px;
       	width: 49px;
       	animation: cssload-rotate 1150ms linear infinite;
       		-o-animation: cssload-rotate 1150ms linear infinite;
       		-ms-animation: cssload-rotate 1150ms linear infinite;
       		-webkit-animation: cssload-rotate 1150ms linear infinite;
       		-moz-animation: cssload-rotate 1150ms linear infinite;
       }
   
       .cssload-whirlpool::before {
       	content: "";
       	margin: -22px 0 0 -22px;
       	height: 43px;
       	width: 43px;
       	animation: cssload-rotate 1150ms linear infinite;
       		-o-animation: cssload-rotate 1150ms linear infinite;
       		-ms-animation: cssload-rotate 1150ms linear infinite;
       		-webkit-animation: cssload-rotate 1150ms linear infinite;
       		-moz-animation: cssload-rotate 1150ms linear infinite;
       }
   
       .cssload-whirlpool::after {
       	content: "";
       	margin: -28px 0 0 -28px;
       	height: 55px;
       	width: 55px;
       	animation: cssload-rotate 2300ms linear infinite;
       		-o-animation: cssload-rotate 2300ms linear infinite;
       		-ms-animation: cssload-rotate 2300ms linear infinite;
       		-webkit-animation: cssload-rotate 2300ms linear infinite;
       		-moz-animation: cssload-rotate 2300ms linear infinite;
       }
   
       @keyframes cssload-rotate {
       	100% {
       		transform: rotate(360deg);
       	}
       }
   
       @-o-keyframes cssload-rotate {
       	100% {
       		-o-transform: rotate(360deg);
       	}
       }
   
       @-ms-keyframes cssload-rotate {
       	100% {
       		-ms-transform: rotate(360deg);
       	}
       }
   
       @-webkit-keyframes cssload-rotate {
       	100% {
       		-webkit-transform: rotate(360deg);
       	}
       }
   
       @-moz-keyframes cssload-rotate {
       	100% {
       		-moz-transform: rotate(360deg);
       	}
       }
       ```
   
 * [https://wordpress.org/plugins/ajax-load-more/](https://wordpress.org/plugins/ajax-load-more/)

Viewing 1 replies (of 1 total)

 *  Plugin Author [Darren Cooney](https://wordpress.org/support/users/dcooney/)
 * (@dcooney)
 * [10 years ago](https://wordpress.org/support/topic/custom-loader-1/#post-7443449)
 * When the button is loading it has a class of loading.
 *     ```
       .alm-btn-wrap button.alm-load-more-btn.loading{
       // Your styles here
       }
       ```
   

Viewing 1 replies (of 1 total)

The topic ‘Custom loader’ is closed to new replies.

 * ![](https://ps.w.org/ajax-load-more/assets/icon-256x256.png?rev=2944639)
 * [Ajax Load More – Infinite Scroll, Load More, & Lazy Load](https://wordpress.org/plugins/ajax-load-more/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ajax-load-more/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ajax-load-more/)
 * [Active Topics](https://wordpress.org/support/plugin/ajax-load-more/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ajax-load-more/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ajax-load-more/reviews/)

## Tags

 * [ajax](https://wordpress.org/support/topic-tag/ajax/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [spinner](https://wordpress.org/support/topic-tag/spinner/)

 * 1 reply
 * 2 participants
 * Last reply from: [Darren Cooney](https://wordpress.org/support/users/dcooney/)
 * Last activity: [10 years ago](https://wordpress.org/support/topic/custom-loader-1/#post-7443449)
 * Status: resolved