ok, so I found the plugins JS code that controls the spinner:
/**
* Display the "spinning wheel" AJAX activity indicator
*/
LiveSearch.displayIndicator = function() {
if(jQuery(".search_results_activity_indicator").size() === 0) {
var searchBox = jQuery('input:focus').first();
var searchBoxPosition = searchBox.offset();
jQuery("body").append('<span id="search_results_activity_indicator" class="search_results_activity_indicator" />');
var spinnerRadius = {outer: Math.ceil((searchBox.height() * 0.9) / 2)};
spinnerRadius.inner = Math.floor(spinnerRadius.outer * 0.29); // 2:7 (0.29) ratio seems ideal
jQuery(".search_results_activity_indicator").css('position', 'absolute').css('z-index', 9999);
var indicatorY = (searchBoxPosition.top + ((searchBox.outerHeight() - searchBox.innerHeight()) / 2) + 'px');
jQuery(".search_results_activity_indicator").css('top', indicatorY);
var indicatorX = (searchBoxPosition.left + searchBox.outerWidth() - ((spinnerRadius.outer + spinnerRadius.inner) * 2) - 2) + 'px';
jQuery(".search_results_activity_indicator").css('left', indicatorX);
Spinners.create('.search_results_activity_indicator', {
radii: [spinnerRadius.inner, spinnerRadius.outer],
color: '#fff', //this changes the spinner colour
dashWidth: 1,
dashes: 8,
opacity: 0.8,
speed: 0.7
}).play();
}
};
So I’ve copied that into my custom JS file that I use for my WP site so I can override the settings without losing theme when the plugin gets updated.
I just wonder if there’s an easier solution?
It would be nice to have some control in the dashboard settings for the spinner, but hey, I realise this is a free plugin and I’m very grateful for the obvious hard work that’s already gone into it!