-
SialSIG_SCCLFecha de consulta 21 de noviembre de 2023, 10:47
Hola, he intentado que el color cuando pinchas para seleccionar una respuesta no sea el amarillo que me sale, he probado esto, y tb con focus, pero no me lo cambia.
.form-line-active {
background: #f9c895 !important;
}
Donde puedo consultar los códigos css para los elementos?, para ver que estoy poniendo mal.
https://eu.jotform.com/build/233201421499350
Gracias
Saludos
-
Mikhail Jotform SupportFecha de respuesta 21 de noviembre de 2023, 13:27
Hi Laura,
Thanks for reaching out to Jotform Support. Unfortunately, our Spanish 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 Spanish, 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, let me help you with your question. Highlighting when clicking an answer is possible by adding a CSS to your form. You just need to add a little bit more lines to your code. Let me show you how it's done:
- Open your form in Form Builder and click on the blue Paint Roller icon on the right side of the screen.
- Under the Styles tab, paste the code below into the Inject Custom CSS area.
.form-line.form-line-active {
background: #f9c895 !important;
}
Here's what it looks like after adding the CSS:
If that’s not exactly what you’re looking for, can you explain a bit more so I can help you better?
Once we hear back from you, we'll be able to move forward with a solution.
-
SialSIG_SCCLFecha de respuesta 21 de noviembre de 2023, 14:07
Hola, he probado, pero me sigue saliendo amarillo, no me cambia a naranja, que es el que quiero.
Saludos
Laura
-
Lorenz Jotform SupportFecha de respuesta 21 de noviembre de 2023, 21:37
Hi Laura,
Thanks for getting back to us. You can use the CSS code below:
/* change highlight effect color */
li.form-line-active {
background-color: #f9c895 !important;
}
Make sure you add it on the first line of the CSS editor. Check this out:
Give it a try and let us know if there's anything else we can help you with.
-
SialSIG_SCCLFecha de respuesta 22 de noviembre de 2023, 4:46
perfecto, ahora si, gracias
por que en la primera línea?, que era lo que le estaba cambiando?
saludos
Laura
-
Alexander_GFecha de respuesta 22 de noviembre de 2023, 7:01
Hi Laura,
Thanks for getting back to us. We are glad that it worked for you. Probably the code was incomplete at that moment and now it's corrected.
Reach out again if you have any other questions.
-
SialSIG_SCCLFecha de respuesta 22 de noviembre de 2023, 17:55
-
Rene Jotform SupportFecha de respuesta 22 de noviembre de 2023, 21:39
Hi Laura,
To avoid any confusion, I answered your other question on a new thread. You can go ahead and check that out here.
Let us know if there's anything else we can help you with.