How can I remove yellow frame from the form?

  • Profile Image
    Mitchel Warner 
    Asked on January 09, 2019 at 09:18 AM

    On the form below from the metaalwinkel we are dealing with an default setting that we would like to remove. When the cursor is positioned on a element in the form there appears an yellow frame. Can we remove the yellow frame that is coming up?

    The yellow frame makes the text less visible.

    https://www.metaalwinkel.nl/offerte-aanvraag.html

     

    With best regards,

     

    Mitchel Warner

  • Profile Image
    AndrewHag
    Answered on January 09, 2019 at 09:41 AM

    I've cloned your form and a working example can be seen here:

    https://form.jotform.com/90084089895976

     

    To achieve a similar effect, please copy this code in your form CSS:

    .form-line-active{ background-color:transparent !important; }

    .form-line-error{ background-color:transparent !important; }

    15470449801.png

     

    This is a complete guide on injecting CSS to your form:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

     

    I hope this helps! Please let me know if you need any further assistance.

  • Profile Image
    Mitchel Warner 
    Answered on January 09, 2019 at 10:43 AM
    Thanks for your help. The problem is solved.
    Could you help me with one more question.
    I have integrated jotform with google sheets to receive the contact information off our clients. The problem is that jotformdo not automatic upload the information to google sheet. How can I solve this problem?
    Best regards,
    Mitchel Warner
    Marketeer
    Volg ons online!
    [Facebook-icoon] [Icoon-YouTube] [Instagram-icoon]
    Van: Jotform
    Verzonden: woensdag 9 januari 2019 15:41
    Aan: Marketing Topclamp
    Onderwerp: Re: remove yellow frame on form
    A new response has been received:
    [JOTFORM]
    Answered by AndrewHag
    I've cloned your form and a working example can be seen here:
    https://form.jotform.com/90084089895976
    To achieve a similar effect, please copy this code in your form CSS:
    .form-line-active{ background-color:transparent !important; } .form-line-error{ background-color:transparent !important; }
    [15470447081.png]
    This is a complete guide on injecting CSS to your form:
    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
    I hope this helps! Please let me know if you need any further assistance.
    View this thread on browser » Unsubscribe Thread
    1547044881
    ...
  • Profile Image
    AndrewHag
    Answered on January 09, 2019 at 11:00 AM

    Mitchel, I'm glad it solved your issue!

    Please create another thread for the other question - so our team can help you in a much efficient way.