Ändern Sie die Text- und Überschriftenfarben

  • Patricks83
    Gefragt am 9. Oktober 2024 um 18:13
  • Jovanne Jotform Support
    Geantwortet am 9. Oktober 2024 um 23:06

    Hi Patricks83,

    Thanks for reaching out to Jotform Support. Our German Support agents are busy helping other Jotform users right now, so I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in German, let us know and we can have them do that. But, it might take a while until they're available again.

    Now, coming back to your question, yes, you can change the field label and heading colors on your form. It's easy. Let me show you how:

    1. Open your form in Form Builder and click the blue Paint Roller icon on the right side of the page.
    2. Click on Advanced Designer in the menu on the right.
    3. Click on the Design tab, and then select the text color you want in the color scheme section.
    4. Finally, click on the Save icon to save the changes.

    Ändern Sie die Text  und Überschriftenfarben Image 1 Screenshot 20

    Give it a try and let us know how it goes.

  • Patricks83
    Geantwortet am 15. Oktober 2024 um 15:50

    ist es auch möglich in dem Feld mehrfachauswahl mit 2 verschiedenen Farben zu arbeiten?

  • Jovanne Jotform Support
    Geantwortet am 15. Oktober 2024 um 16:09

    Hi Patricks83,

    Unfortunately, you can only set the color of the Multiple Choice field with only one color, since this is treated as one element. May I ask what color you want to change on the field so we can check?

    Once we hear back from you, we can help you with this.

  • Patricks83
    Geantwortet am 15. Oktober 2024 um 16:30

    Im Bild unten finden Sie was ich meine. In diesem Fall sind es die Überschriften

    kalte Platten


    Beilage


    HG Vegan


    Ich hätte gerne diese Überschriften in einer anderen Farbe bzw. in Grün.

    Ändern Sie die Text  und Überschriftenfarben Image 1 Screenshot 20

  • Jovanne Jotform Support
    Geantwortet am 15. Oktober 2024 um 16:47

    Hi Patricks83,

    I understand the issue, but I’ll need a bit of time to work out a solution. I’ll get back to you shortly.

    Thanks for your patience, we appreciate it.

  • Jovanne Jotform Support
    Geantwortet am 15. Oktober 2024 um 16:53

    Hi Patricks83,

    You can actually add a CSS code to change the color of the headings mentioned above. Let me show you how:

    1. Copy this CSS code.

    label#label_209, label#label_221, label#label_211 {
      color: green !important;
    }

    2. In Form Builder, click the blue paintbrush icon to open Form Designer.

    3. Under Styles, paste the CSS code above in the Inject Custom CSS text area.

    Ändern Sie die Text  und Überschriftenfarben Image 1 Screenshot 30

    Here is the result:

    Ändern Sie die Text  und Überschriftenfarben Image 2 Screenshot 41

    That's it. You can now change the color of the headings to green.

    Give it a try and let us know how it goes.

  • Patricks83
    Geantwortet am 15. Oktober 2024 um 17:16

    Ändern Sie die Text  und Überschriftenfarben Image 1 Screenshot 30


    Ändern Sie die Text  und Überschriftenfarben Image 2 Screenshot 41

  • Jovanne Jotform Support
    Geantwortet am 15. Oktober 2024 um 17:41

    Hi Patricks83,

    It seems that you have sent a screenshot, and I cannot copy it on my end. Can you please type in your inquiry, so I can translate it to English? 

    Once we hear back from you, we'll be able to help you with this.


  • Patricks83
    Geantwortet am 15. Oktober 2024 um 18:47

    Ich habe genau das getan, was sie mir gezeigt haben, siehe screenshot, aber die Farbe hat sich nicht geändert. Sehen Sie auf dem Screenshot einen Fehler?


    Ändern Sie die Text  und Überschriftenfarben Image 1 Screenshot 20

  • Jovanne Jotform Support
    Geantwortet am 15. Oktober 2024 um 19:16

    Hi Patricks83,

    I checked your form, and it seems you forgot to add a closing curly brace( } ) for the first CSS code you added. You need to add it to the highlighted part below so the second CSS code will work. Check out the image below:

    Ändern Sie die Text  und Überschriftenfarben Image 1 Screenshot 20

    Give it a try and let us know how it goes.