How do I remove the yellow highlight around selected questions - all other responses seem to be out of date.

  • kewellman
    Asked on August 10, 2016 at 1:43 PM
  • BJoanna
    Replied on August 10, 2016 at 2:02 PM

    I have checked and you have only one form on your account https://www.jotform.com/62224919889269 

    Is that the form you are working on? 

    I have inspected your form, but I did not saw any yellow highlight around selected field. I also saw that you labels are white so I assume that your form is embedded. If that is the case, please provide us URL of your webpage and if possible a screenshot of yellow highlight. 

    You can also try to add this CSS code to your form:

    .form-line-active input:focus, .form-line-active textarea:focus {

        border: none;

        box-shadow: none !important;

        outline:none !important;

    }

    How to Inject Custom CSS Codes

    Here is my demo form: https://form.jotform.com/62225147513954 

    Let us know if you need further assistance. 

  • kewellman
    Replied on August 10, 2016 at 3:32 PM

    I'm trying to do a transparent background and when I add that code in for the non-highlighted background it has completely messed up the transparent background. Can you let me know what I should do css-wise to have no yellow highlights AND a transparent background?

    http://unbouncepages.com/0aa527d4-4d33-11e6-b429-0242ac8b6383-245/

     

    That's the link to the live page.

  • BJoanna
    Replied on August 10, 2016 at 4:02 PM

    Thank you for providing us URL of your webpage. Currently background color of your from is not transparent. Please add this CSS code to your form:

    .supernova, .jotform-form, .form-all {

        background-color : transparent !important;

    }

    .form-line-error {

        background-color: transparent!important;

    }

    After you add this CSS code your form should be transparent and highlight effect should also be transparent. 

    And your embedded form should look like this.

    How do I remove the yellow highlight around selected questions   all other responses seem to be out of date Screenshot 20

    Hope this will help. Let us know if you need further assistance.

  • kewellman
    Replied on August 10, 2016 at 4:09 PM

    Now how do I make the text fields white and not transparent?
  • BJoanna
    Replied on August 10, 2016 at 4:23 PM

    Considering that you last question is not related to subject of this thread, I have moved it to separate thread and we will provide you an answer there shortly. 

    https://www.jotform.com/answers/903256