October CMS resources and help articles

Simple and to the point. Optimized by the community.

Customise AJAX Loading Stripe

8
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;

Discussion

0 comments

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