How to change the color of the file upload element?

  • AviorSwiss
    Gefragt am 17. April 2024 um 12:11

    Hallo Zusammen,

    leider haben wir keine Möglichkeit die Farbe des Textes "Dateien wählen" in diesem Widget zu ändern.
    Nicht im normalen Widget-Edit Bereich und nicht im Design- bzw. auch nicht im erweiterten Design-Bereich. Gibt es dafür einen Lösungsansatz?


    How to change the color of the file upload element? Image 1 Screenshot 20

  • Edwin Jotform Support
    Geantwortet am 17. April 2024 um 14:49

    Hi AviorSwiss,

    Thanks for reaching out to Jotform Support. Unfortunately, our German Support agents are busy helping other Jotform users at the moment. 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, keep in mind that you'd have to wait until they're available again.

    Now, coming back to your question, I understand you want to change the button text color because it's white, and the background is very light, so it's hard to see.

    How to change the color of the file upload element? Image 1 Screenshot 90

    One solution is to change your form's color scheme or theme. This will change the background or button text color, but this may affect other elements of your form as well. It's easy. In Form Builder, click on the Paint Roller icon on the right, and then Colors or Themes, and select your desired color scheme or theme:

    How to change the color of the file upload element? Image 2 Screenshot 101

    Another solution is injecting CSS code to modify the color of the text in the File Upload element. This is done in the Advanced Designer. Let me show you how:

    1. In Form Settings, click on the Paint Roller icon on the right.How to change the color of the file upload element? Image 3 Screenshot 112
    2. Click on Advanced Designer.How to change the color of the file upload element? Image 4 Screenshot 123
    3. Click on CSS near the top right.
    4. Click on the File Upload element twice.How to change the color of the file upload element? Image 5 Screenshot 134
    5. Click on Color.
    6. Select a color.
    7. Click on Select.How to change the color of the file upload element? Image 6 Screenshot 145
    8. Click on the Save icon on the left.How to change the color of the file upload element? Image 7 Screenshot 156

    After following these steps, here is the result:

    How to change the color of the file upload element? Image 8 Screenshot 167

    For more information, check out our guides on How to Inject Custom CSS Codes and How to Access the Advanced Designer.

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

  • Nikita Becker
    Geantwortet am 22. April 2024 um 03:29

    Amazing support - Thank you so much!!

 
Ihre Antwort