How can I make the background transparent?

  • Riskke
    Asked on June 28, 2015 at 10:03 AM

    Hello all!

    I'm lobing using your form builder and it is an amazing feature but I have encounter a problem within my background even i tried to inject CSS.

    As you can see in the image I make my background transparent but when it got click in it it goes white.

    Any help?

    Jotform Thread 598503 Screenshot
  • Welvin Support Team Lead
    Replied on June 28, 2015 at 12:19 PM

    To disable the highlight effect, just do the following:

    a. Click the "Preferences" button in the form builder

    b. Click the "Field Styles" tab in the preferences window

    c. Set Highlight Effect to "Disabled".

    How can I make the background transparent? Image 1 Screenshot 20

    To remove the red background for the required field validation, just simply inject the following custom CSS codes:

    .form-line-error {

      background: transparent !important;

    }

    Add these codes at the bottom of the existing ones. Here's how to inject: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Thanks

  • Riskke
    Replied on June 28, 2015 at 5:15 PM

    Worked perfectly, but another problem happened. As the main label when "highlight" happens, turns to its old color.

    I injected the CSS code for the "email" label and it works as it maintain the color but I hope there is other way for that as will mean doing all labels manually.

     

    Thanks in advance!

     

     

    How can I make the background transparent? Image 1 Screenshot 20

  • Chriistian Jotform Support
    Replied on June 28, 2015 at 9:08 PM

    Hi Riskke,

     

     

    Can you try injecting the custom CSS code below to change the color of all the label in your form? 

    .form-label {

      color: #EED07E;

    }

     

    Do let us know if you need further assistance.

     

    Regards.

  • Riskke
    Replied on June 29, 2015 at 3:00 AM

    Perfect, working. Awesome support ^^