Farbe Sternchen Pflichtfelder ändern

Hallo,

ich würde gerne die Farbe der Sternchen bei den Pflichtfeldern ändern.
Das Rot passt nicht zu meinem Formular.

Wie und wo kann ich das ändern?

Vorab vielen Dank!

VG
GH

Hi,

das erfordert eigenes CSS. Da der Stern, je nachdem welches Formularlayout du verwendest, immer durch unterschiedliches HTML erzeugt wird, musst du zuerst rausfinden, welches CSS in deinem konkreten Fall verwendet wird. Evtl. hilft dir folgender Dokumentationsbeitrag dabei:
vi-solutions.de/de/support/dokumentation...out-mit-css-anpassen

Herzliche Grüße,
Aicha

Danke für die Rückmeldung.

Leider lässt sich das Sternchen über Firebug nicht lokalisieren, sodass ich gar nicht weiß, wie ich die CSS dem Sternchen anpassen soll.

Ich hätte gerne dazu noch einen Screenshot von der Lokalisierung über Firebug beigefügt. Aber bei dieser Antwort gibt es wohl nicht die Möglichkeit für einen Anhang.

VG
GH

Hallo,

du hast recht, dass das für das Sternchen etwas schwieriger zu finden ist.

Das Sternchen wird in der Regel über das Pseudoelement :after angehängt. Wenn ich mich recht erinnere, wird es teilweise an das HTML label Element gehängt, teilweise aber auch an ein span Element, je nachdem um was für einen Feldtyp und Formularlayout es sich handelt.

Im Visforms "Default" Layout für ein Feld vom Typ Text für das Formular mit der id 1 sieht dann z.B. so aus:

Die "content"-Regel fügt das Sternchen ein, die "color"-Regel setzt die Farbe.

Wie gesagt, für andere Formularlayouts und andere Feldtypen kann der CSS Selektor anders aussehen. Du bekommst die Information, die du suchst, wenn du im Firebug mit der Maus auf das Label zielst und dann evtl. noch in dessen Kindern nachsiehst ....

Herzliche Grüße,
Aicha

Ich habe den Code in die css von visforms.css integriert.
Leider wird das Sternchen nicht in der gewünschten Farbe dargestellt. Es bleibt bei red.

Hier vom Feld 1 (Text) aus Firebug:
VG
GH

Hallo,

der code ist ein Beispiel, um dir zu zeigen, wonach du suchen musst, damit du dann den Code der bei dir tatsächlich verwendet wird "überschreiben" kannst, indem du einen stärkeren CSS Selektor verwendest.
Der CSS-Selektor sieht bei dir wahrscheinlich anders aus.
Außerdem muss du den CSS-Selektor für deine Änderung stärker machen oder ein !important in der Regel einbauen, da das CSS das ich dir beispielhaft aufgeschrieben habe nicht in der visforms.css steht sondern abhängig vom Formularlayout ist. Dieses CSS wird "dynamisch" in ein style Element schrieben und das ist, bedingt durch die Art wie Joomla! solches inline-CSS einbindet unter der visforms.css und gewinnt deshalb immer, wenn der CSS-Selektor derselbe ist.

Aicha