How to change file-upload-button label text color?

  • mcarikn
    Asked on October 29, 2015 at 12:33 PM

    Hi,

    I've customized the file upload button, but I don't know how to change the text color..

    I'd like to change it to white.

    Also, I'd like to define the label text of the button as RTL.

    Appreciate your help,

    Eric

    * Text on upload button is barely visible ->

    How to change file upload button label text color? Image 1 Screenshot 20

  • BJoanna
    Replied on October 29, 2015 at 5:33 PM

    You can change text of upload button white and RTL by Injecting Custom CSS code.  Inside of your Form Builder select Setup & Embed tab, then click on Preferences, then select Form Styles tab and inside of Inject Custom CSS field at the bottom of existing code paste this code:

    #cid_5 div.qq-upload-button {

        color : #fff;

        direction : rtl !important;

    }

    How to change file upload button label text color? Image 1 Screenshot 30

    After adding this code you form will look like this. 

    How to change file upload button label text color? Image 2 Screenshot 41

    Here is my my cloned form: https://form.jotform.com/53016689883973? 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance. 

  • mcarikn
    Replied on October 30, 2015 at 9:27 AM

    Thank you very much!

  • BJoanna
    Replied on October 30, 2015 at 12:10 PM

    You're welcome.

    Feel free to contact us if you have any other questions.