Change label color on Terms widget

  • joaquinpiularchlopez
    Perguntado em 18 de novembro de 2023 às 13:23

    Buenas tardes.

    seria posible cambiar el color de las letras de un widgets? y como seria, yo soy nuevo en todo esto.

    las letras son gris y con el color de la web no se ven, se podria poner en blanco?

    gracias

    Jotform Thread 9253711 Screenshot
  • Girish Jotform Support
    Respondido em 18 de novembro de 2023 às 22:22

    Hola Joaquin,

    Thanks for contacting Jotform Support. Our Spanish support agents are not available at the moment. I will be responding to you in English using a language translation tool. If you want us to forward the ticket to our Spanish team, we can surely do that, but there could be a delay in response.

    Regarding your concern, I can see that you are referring to this form https://www.jotform.com/form/233108154511344.

    Please add this CSS code into the widget:

    label {
    color: white!important;
    }

    Here is what you need to do:

    1. Click the widget settings
    2. Go to Custom CSS tab
    3. Paste this CSS code
    4. Click Update widget button - that's it

    Change label color on Terms widget Image 1 Screenshot 20

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

  • joaquinpiularchlopez
    Respondido em 19 de novembro de 2023 às 04:26

    muchas gracias, funciona a la perfeccion.

    otra pregunta seria como cambio el color de las letras del despegable a negro, pero solo cuando se desplega una vez elegido el dato que siga en blanco.Change label color on Terms widget Image 1 Screenshot 40Change label color on Terms widget Image 2 Screenshot 51Change label color on Terms widget Image 3 Screenshot 62

  • Billy Jotform Support
    Respondido em 20 de novembro de 2023 às 01:16

    Hi Joaquin,

    Thanks for getting back to us. We need to inject CSS code into the form to change the dropdown option's color to black. Let me walk you through:

    1. In Form Builder, click on the roller-paint icon (Form Designer) located in the upper right corner
    2. Click on the Styles tab
    3. In the Inject Custom CSS section, insert/paste the code below and click on Save
    /* Change dropdown options color to black */
    .form-dropdown option {
    color: #000 !important;
    }

    Result:

    Change label color on Terms widget Image 1 Screenshot 20

    You can also test this sample form.

    Reach out again if you need any other help.