I'm trying to style the please wait loader icon when you select an attribute for a product in drupal 7 commerce. I'm using chrome and i can't figure out a way to right click inspect element fast enough as it loads to fast. Or is there another way to expose this? I just need the HTML and classes associated with it.

enter image description here

  • Aha! i got it to show up by unplugging my internet connection so it throws an error. Here it is: prntscr.com/2131ny .. what we're looking for was: .ajax-progress .ajax-progress-throbber – Patoshi パトシ Oct 31 '13 at 23:51
  • Note that this is simply the Drupal core AJAX throbber, not specific to Commerce itself. – Ryan Szrama Nov 1 '13 at 4:30
  • oh yes thats true.. its everywhere on the site. its annoying how it breaks the styling when it shows up. – Patoshi パトシ Nov 1 '13 at 15:38

For example:

/* Custom ajax throbber style */
.ajax-progress .throbber {
  /* New icon */
  background: transparent url(../images/ajax-loader.gif) no-repeat 0px 0px;
  /* icon is 15px square */
  height: 15px;
  width: 15px;
  /* Alignment, may tweak to suit */
  float: left; /* LTR */
  margin: 2px 2px 8px 2px;
.ajax-progress-throbber .message {
  /* Hide the "please wait" msg */
  display: none;

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.