Button-Farbe via CSS ändern

  • skuehnert767
    Gefragt am 4. April 2024 um 04:06
    o ist der aktuelle, eingebundene Code, bei dem das Recording funktioniert. (Auch auf mobilem Endgerät):
  • Andreas Jotform Support
    Geantwortet am 4. April 2024 um 04:15

    Hallo skuehnert767,

    vielen Dank, dass Sie sich an den Jotform Support gewandt haben. Gerne zeige ich Ihnen, wie Sie die Farbe für den Record Button anpassen können.

    1. Im Formulargenerator klicken Sie auf das Zauberstab-Icon rechts neben dem Widget.
    2. Gehen Sie zum Reiter Eigenes CSS.
    3. Geben Sie folgenden CSS Code ein und klicken Sie Widget aktualisieren.
    .btn-warning {
    color: #ffffff;
    background-color: #dc2626;
    border-color:
    #ff0000;
    }

    Button Farbe via CSS ändern Image 1 Screenshot 30Lassen Sie mich Ihnen mein Ergebnis zeigen:

    Button Farbe via CSS ändern Image 2 Screenshot 41Sie können den HTML-Farbcode #ff000 (Rot) individuell anpassen. Auf dieser Seite finden weitere HTML Codes.

    Probieren Sie es aus und lassen Sie uns wissen, ob es funktioniert.

  • skuehnert767
    Geantwortet am 4. April 2024 um 04:44

    Hi Andreas, vielen Dank für deine Antwort. Ja, klar, mittels CSS, das klappt prima. Perfekt. Danke.

    Kann ich auch die Beschriftung des Buttons (beispielsweise in "Sprachaufnahme") mittels CSS ändern, oder muss ich da ausschließlich in den HTML-Code gehen? Dankeschööön!

  • Andreas Jotform Support
    Geantwortet am 4. April 2024 um 05:00

    Hallo skuehnert767,

    vielen Dank für Ihre Rückmeldung. Ich benötige ein wenig Zeit, um mir das Problem anzuschauen. Ich werde mich so bald wie möglich bei Ihnen melden.

    Falls Sie in der Zwischenzeit weitere Fragen haben sollten, zögern Sie nicht, uns zu kontaktieren.

  • Andreas Jotform Support
    Geantwortet am 4. April 2024 um 06:30

    Hallo skuehnert767,

    vielen Dank für Ihre Geduld. Gerne zeige ich Ihnen, wie Sie den Button Text via CSS ändern können.

    1. Im Formulargenerator klicken Sie auf das Zauberstab-Icon rechts neben dem Widget.
    2. Gehen Sie zum Reiter Eigenes CSS.
    3. Geben Sie folgenden CSS Code ein und klicken Sie Widget aktualisieren.
    #record span {
    display: none;
    }
    #record i:after {
      content: 'Sprachaufnahme';
    }

    Button Farbe via CSS ändern Image 1 Screenshot 20Probieren Sie es aus und lassen Sie uns wissen, ob es funktioniert.

  • skuehnert767
    Geantwortet am 4. April 2024 um 07:59

    Hi Andreas, herzlichen Dank für deine schnelle Hilfe. Ich hätte es ohne dich nicht geschafft! Nun funktioniert alles bestens.

    Ihr habt nicht nur ein wahnsinnig gutes Tool entwickelt, sondern auch der Service einfach nur spitze. Danke, danke, danke! Ich wede euch auf alle Fälle weiterempfehlen.

    Liebe Grüße
    Sylvia

 
Ihre Antwort