Cómo cambiar el color de la tabla de entrada

  • bomberosechenagucia
    Fecha de consulta 18 de diciembre de 2024, 11:35

    Estimados

    El form collapse style no me respeta los colores en el diseño. Pongo para que se vea en gris y letars en blanco pero lo muestra marrón y con letras negras, con lo cual no se puede leer

    Me pdorán ayudar a resolverlo?


    Saludos

    Jotform Thread 22312651 Screenshot
  • Christopher Jotform Support
    Fecha de respuesta 18 de diciembre de 2024, 15:00

    Hi bomberosechenagucia,

    Thanks for reaching out to Jotform Support. Our Spanish 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 Spanish, 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, you can change the background color and text color of Section Collapse by Injecting CSS Codes into your form.  Let me walk you through it:

    1. First, copy this code:

    /*Change background color of Section Collapse - 22312651*/
    .form-collapse-table {
        background-color: #7b7979 !important;
    }
    /*Code ends here*/

    /*Change text color of Section Collapse - 22312651*/
    .form-collapse-mid {
        color: white !important;
    }
    /*Code ends here*/

    2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

    Update Subtotal Font Size And Color Image 1 Screenshot 30 Screenshot 30Cómo cambiar el color de la tabla de entrada Image 1 Screenshot 41

    Result:

    Cómo cambiar el color de la tabla de entrada Image 2 Screenshot 52

    Take note that the CSS code provided only takes effect on live form.

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

  • bomberosechenagucia
    Fecha de respuesta 18 de diciembre de 2024, 15:58

    Gracias. Me pasa lo mismo con otro elemento. Podrías pasarme el css para que se distinga el contraste?Cómo cambiar el color de la tabla de entrada Image 1 Screenshot 20

  • Richie Jotform Support
    Fecha de respuesta 18 de diciembre de 2024, 23:55

    Hi bomberosechenagucia,

    You can add this CSS code to change the input table headers color.

    #id_82 .form-matrix-headers{
        background-color: #7b7979;
    }

    Check out this screenshot of my result:

    Cómo cambiar el color de la tabla de entrada Image 1 Screenshot 20

    Give it a try and let us know if this works for you.