-
bomberosechenaguciaFecha 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
-
Christopher Jotform SupportFecha 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.
Result:
Take note that the CSS code provided only takes effect on live form.
Give it a try and let us know how it goes.
-
bomberosechenaguciaFecha 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?
-
Richie Jotform SupportFecha 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:
Give it a try and let us know if this works for you.