Formular: Sende-Button - andere Farbe auf ausgewählten Seiten

abel

Guten Tag

Die Farbe der Buttons wird ja über das Layout definiert. Das gilt auf den Sende-Button in Formularen. Nun habe ich vor, Landing-Pages zu erstellen, die ein anderes Design als meinen Webseite haben und der Sende-Button deshalb eine andere Farbe haben sollte. Nur auf diesen Landing-Pages. Also eine andere als die, wie sie über das Layout für die ganze Webseite definiert wird.

Kann ich auf den Landing-Pages also den Sende-Button in einem Formular mit einer anderen Farbe als im Layout definiert versehen? Danke und Grüsse, abel.

Steffen T.

Hallo,

auch hier müssen Sie etwas eigenes CSS einsetzen.

Bitte dazu mal folgende Seite lesen: https://docs.zeta-producer.com/eigenes-css-einfuegen.html

Was Sie genau ändern müssen, hängt vom ausgewählten Layout ab.

Damit sich die Anpassung nur auf ein bestimmten Formular auswirkt, am besten über die Darstellung der Reihe eine CSS-Klasse geben, z.B. redInput

Siehe auch https://docs.zeta-producer.com/reihen-bearbeiten.html#a5577

Folgender Code könnte dann funktionieren (ungetestet):

Code

<style>
.redInput input.button {
    color: #fff;
    background-color: #ff0000;
}
</style>

abel

Guten Tag

Habe Ihren unten zitierten Link zum Bearbeiten einer Reihe angesehen. Da finde ich aber keine Anweisungen, wie ich Ihre obigen CSS-Anweisungen für ein eignenes CSS (über >Projekt >Einstellungen) konkret in Inline-CCS-Anweisungen einer Reihe übersetzen kann. Das muss ich ja ganz anders formatieren.

https://docs.zeta-producer.com/reihen-bearbeiten.html#a5577

Wo finde ich dazu Angaben, oder könnten Sie mir vielleicht mitteilen, wie ich das in ZP 13.3., Stripe Responsive, übersetzen muss?

In CSS-Klasse ".redInput input.button" und in

inline-CSS: "color: #fff; background-color: #FF0000"

eintragen? Grüsse, abel.

Steffen T.

Ah, hab überlesen, dass es sich hier um Zeta Producer 13 handelt.

Die eigenen CSS-Angaben können Sie in Version 13 auch in das CSS-Feld der Einstellungen einfügen.

Siehe dazu Programmmenü "Website > Einstellungen > CSS".

Bzw. hier: https://docs.zeta-producer.com/v13/eigenes-css-einfuegen.html

Bei der Reihe mit dem Formular müssen Sie dann noch die CSS-Klasse redInput angeben.

Das Feld erreichen Sie, indem Sie auf das Menü-Icon klicken und dann "Reihe bearbeiten" auswählen.

Danach dann in die Gruppe "Reihe" wechseln.

Siehe auch https://docs.zeta-producer.com/v13/einen-cont…definieren.html

abel

Guten Tag Herr T.

Ich danke Ihnen. Hat bestens geklappt. Jetzt habe ich auch einiges verstanden und Fundamentales gelernt, das mir helfen wird, künftig besser mit ZP umzugehen.

Das war also wirklich sehr hilfreich! Grossen Dank und einen schönen Tag, beste Grüsse, abel.

Formular: Sende-Button - andere Farbe auf ausgewählten Seiten

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?