Ändern Sie das AJAX-Verarbeitungssymbol und den Fortschrittsbalken in Drupal7 mithilfe von CSS

7

Kann ich das Throbber / Ajax-Ladesymbol und den Fortschrittsbalken in Drupal 7 ändern, indem ich neue Bilder hinzufüge und CSS-Systemdateien überschreibe?

Nizarnav
quelle

Antworten:

13

Sie können dies tun, indem Sie das CSS in Ihrer Theme-CSS-Datei überschreiben. Hier ist die Regel, die Sie überschreiben müssen

.ajax-progress .throbber {
  background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px;
  float: left; /* LTR */
  height: 15px;
  margin: 2px;
  width: 15px;
}

Sie können einfach das ändern backgroundund Sie können das Verarbeitungssymbol ändern.

Hier ist die andere, die Sie überschreiben sollten

html.js input.form-autocomplete {
  background-image: url(../../misc/throbber.gif);
  background-position: 100% 2px; /* LTR */
  background-repeat: no-repeat;
}
yvan
quelle