Help with CSS injection

  • Jiveghost
    Asked on August 25, 2014 at 2:57 PM

    Hey there.
    I have a column of many different 'Check Box' questions, each with 3 boxes to check.
    When a question has an option 'checked' it naturally lights the question up yellow.

    What I would like to do is keep the question lit up for as long as an option is checked. So if ten questions have boxes that are checked, all ten questions would still be lit yellow. And when/if the boxes are unchecked the question would lose its lighting.

    I haven't located the proper CSS element, class, id etc. that defines a 'checked' question and it may not even be addressable by CSS.


    Any help would be greatly appreciated.

  • Welvin Support Team Lead
    Replied on August 25, 2014 at 4:01 PM

    Hi,

    I am trying, but it seems this isn't possible. But something like this form:http://www.jotformpro.com/form/42365903040952. Can you let me know if this is a good option?

    Thank you!

  • Jiveghost
    Replied on August 25, 2014 at 4:03 PM

    Thanks a lot for the help.

    I think that might just work beautifully.

  • Welvin Support Team Lead
    Replied on August 25, 2014 at 4:24 PM

    The custom CSS codes are these:

    input[type=checkbox]:checked + label {

    background: #fffbea;

    }

    You need to change #fffbea to any color you want. Inject the codes to the form by following this guide:http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

    Thank you!

  • Jiveghost
    Replied on August 25, 2014 at 5:45 PM

    No, thank you. People like you make the internet fun. :)