Change throbber.gif in Drupal

To replace core Drupal ajax animated gif (throbber.gif) add the following to your theme's CSS and put the replacement throbber.gif file in the images folder of your theme.

html.js input.form-autocomplete {
  background-image: url(images/throbber.gif);
}

3 Comments Posted

class/id name? :)

class/id name? :)

updated post to fix #1 Also

updated post to fix #1

Also for Views throbber

html.js a.views-throbbing,
html.js span.views-throbbing {
  background-image: url(images/throbber.gif);
}

Also for Ahah. That covers

Also for Ahah. That covers everything. Worth pointing out if your using a zen based theme do a quick search in drupal6-reference.css for throbber. You can then see the other css properties you may want to override.

.ahah-progress .throbber {
background-image: url(images/throbber.gif);
}

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.

More information about formatting options