como cambiar el color de resaltado

  • SialSIG_SCCL
    Fecha 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 Support
    Fecha 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:

    como cambiar el color de resaltado Image 1 Screenshot 20

    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_SCCL
    Fecha 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 Support
    Fecha 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:

    como cambiar el color de resaltado Image 1 Screenshot 20

    Give it a try and let us know if there's anything else we can help you with.

  • SialSIG_SCCL
    Fecha 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_G
    Fecha 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_SCCL
    Fecha de respuesta 22 de noviembre de 2023, 17:55

    Hello, now I have tried to get Castilian instead of Spanish, I put this, but I get both things

    SpanishCastilian followed.


    .es::after {

      content: "Castellano" !Important;

      font-size: 11px !Important;

    }

    In another old survey I have, it did work for me


  • Rene Jotform Support
    Fecha 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.