Hallo,
visForms versucht sich mit möglichst wenig eigenem CSS ins Look and Feel des verwendeten Templates einzufügen. Die meisten Templates werden mit sogenannten Template-Frameworks erstellt, z.B. Bootstrap oder UIkit.
Solche Template Frameworks bestehen im Prinzip aus 2 Teilen. Einmal einem sogenannten Tagging im HTML, d.h. im HTML-Code der Seite stehen bestimmte Attribute drin und dem frameworkspezischen CSS (und Javascript), das genau auf diese Attribute abgestimmt ist.
Damit das Formular zum Template passt, muss also ein HTML geliefert werden, das das frameworkspezifische Tagging hat.
Dies macht visForms über die sogenannten Formular-Layouts, die du in der Formularkonfiguration unter "Erweitert" mit der Option "Layout" auswählen kannst.
Die aktuelle stabile visForms Version 3.12.10 bzw. die visForms Subscription 3.3.x unterstützt das Bootstrap 2 und das Bootstrap 3 Framework.
Mit visForms 3.13.x und Subscription 3.4.x habe ich auch Formularlayout entwickelt, die zum UIkit Framework passen. (UIkit 2 und 3)
Dieses visForms/Subscription ist aktuell eine gut getestet Beta-Version.
Wenn Bugs gefunden werden, werden die immer schnellstmöglich gefixt.
Du verwendest offensichtlich ein UI-Kit Template.
Es gibt nun also entweder die Möglichkeit, dass du auf visForms 3.13.5 mit Subscrption 3.4.3 Beta umsteigst und dann ein visForms Layout passen zu deinem Template auswählen kannst.
Das sollte eine großen Teil der Layoutproblem lösen aber du handelst dir damit das Risiko ein eine Beta-Version zu verwenden, was erst mal mehr gründliches Testen und häufigere Updates zur Folge hat.
Ich habe diese Beta Versionen auf vielen produktiven Seiten ohne Probleme laufen, aber es werden trotzdem sicher noch einige Bugs gefunden und einige Updates nötig sein, bis alle neuen Feature die in diesem Release drin waren, komplett fehlerfrei sind.
Ich würde dir also empfehlen, diesen Weg zu gehen.
Bitte bedenke aber, dass es kein "Downgrade" gibt.
Mach also unbedingt ein vollständiges Backup der Webseite, auf das du im Notfall zurückgehen kannst, wenn du entscheidest, dass das für dich nicht funktioniert.
Die Farbe des "Pflichtfeld-Sterns" musst du auf jeden Fall mit Custom CSS anpassen.
Da das benötigte CSS vom gewählten Formularlayout abhängt kann ich dir den Code erst schreiben, wenn du dich bezüglich des Formularlayouts entschieden hast.
Die Betaversion kannst du nur über das Download-Menü auf unserer Webseite herunterladen (mit deinen Subscription Benutzer anmelden)
Du musst beides Updaten visForms und die Subscription auf die oben genannten Versionen.
Gruß,
Aicha
I recommend you the new and up-to-date documentation for Joomla 4:
.