webform-element-help-container / webform-element-help Zeichen (fragezeichen) ändern
Eingetragen von 3xc3ption (4)am 25.05.2020 - 13:24 Uhr in
Hallo zusammen,
ich würde gerne wissen, ob man das "?" , welches sich unter [class="webform-element-help"] verbirgt in ein anderes Zeichen ändern kann.
<span class="webform-element-help" role="tooltip" tabindex="0" data-webform-help="<div class="><span aria-hidden="true">?</span></span>
Über einen Hinweis würde ich mich sehr freuen.
Grüße
3xc3ption
| Anhang | Größe |
|---|---|
| webform.png | 2.25 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
Mit CSS geht das
am 25.05.2020 - 20:53 Uhr
Du kannst mit CSS das Fragezeichen entfernen und beliebigen Text hinzufügen:
.webform-element-help {visibility: hidden;
}
.webform-element-help:after {
content:'Zeig_mir_den_Hilfetext_an!';
display: block;
visibility: visible;
color: #000000;
}
Welche CSS Datei ?
am 26.05.2020 - 11:51 Uhr
Vielen Dank für die schnelle Antwort.
Welche CSS Datei ist für das Überschreiben der "class" am besten geeignet geeignet?
Vorab, sorry für meine Unwissenheit? :-)
Ich habe nur mal zum testen
am 26.05.2020 - 22:46 Uhr
Ich habe nur mal zum testen den code einfach in eine bestehende datei eingefügt. Das soll man aber so nicht machen, da es ein Update nicht übersteht. Richtiges Vorgehen ist, ein eigenes Theme zu erstellen, und die Änderungen dort vorzunehmen. Die css datei, in die ich das eingefügt habe, müßte ich nochmal nachschauen, momentan bin ich nicht zuhause.
Update:
Ich habe es in die
/core/themes/seven/css/base/elements.css
geschrieben zum testen, es hängt aber auch vom verwendeteten Thema ab. Bei mir ist es "seven" für Verwaltungsseiten, für die Seite selbst hab ich ein selbst erstelltes. Mit dem Firefox kann man die verwendeten CSS Dateien anzeigen lassen, die Seite aufrufen und mit STRG+Shift+C die Entwickler-Konsole aufrufen.