October CMS resources and help articles

Simple and to the point. Optimized by the community.

Customise AJAX Loading Stripe

by danharrin, last modified on November 28th, 2019

October's AJAX framework implements a blue stripe at the top of your site, showing the progress of requests.

Frequently, this blue clashes with your site's color scheme, and thus is problematic. Thankfully, there is a simple CSS fix:

.stripe-loading-indicator .stripe,
.stripe-loading-indicator .stripe-loaded {
    background: red !important;        

You are also able to change the height of the stripe as well, if you wish:

height: 8px !important;



We use cookies to measure the performance of this website. Do you want to accept these cookies?