How to make form background color transparent?

  • davidrgz
    Asked on April 21, 2016 at 4:42 AM

    Hello,

    When I paste the Embeded code into my page, instead of keeping my grey page colour and layout the Form changes its colour to white and layout into a white box.

    <script type="text/javascript" src="https://form.jotformeu.com/jsform/53152632619353"></script>

    How can I fix this? I have tried all possible "publish"options but still the same issue.

    Thank you

    David.

     

  • Boris
    Replied on April 21, 2016 at 4:52 AM

    Your form 53152632619353 is currently set to have a white background, which is why your website's gray background is not visible behind the form.

    In order to force your form to have a transparent background, please inject the following custom CSS into your form:

    .supernova {
      background-color: transparent !important;
    }

    You can add CSS codes to your form by opening the form in the Designer, switching to the CSS tab, and pasting it into the textbox:

    How to make form background color transparent? Image 1 Screenshot 30

    How to make form background color transparent? Image 2 Screenshot 41

    Please let us know if you need any further assistance, David, we'll be glad to help.

  • davidrgz
    Replied on April 21, 2016 at 5:44 AM
    Thanks for clarifying and your great and quick attention.

    De: JotForm
    Para: davidrgz@yahoo.es
    Enviado: Jueves 21 de abril de 2016 10:52
    Asunto: Re: How to make form background color transparent?


    New response received A new response has been received: Answered by Boris Your form 53152632619353 is currently set to have a white background, which is why your website's gray background is not visible behind the form.In order to force your form to have a transparent background, please inject the following custom CSS into your form:.supernova {
      background-color: transparent !important;
    }You can add CSS codes to your form by opening the form in the Designer, switching to the CSS tab, and pasting it into the textbox:Please let us know if you need any further assistance, David, we'll be glad to help. View this thread on browser » Unsubscribe Thread 1461228738

    ...
  • davidrgz
    Replied on April 21, 2016 at 6:44 AM
    Sorry, another important issue i just found.
    On mobile version, in the email field, if you select the email address suggested by Chrome or Firefox (very useful as you don´t have to type email address on and on) you get this error message:  "Invalid Email Address"
    However, if you type the email with the keyboard everything goes OK


    De: JotForm
    Para: davidrgz@yahoo.es
    Enviado: Jueves 21 de abril de 2016 10:52
    Asunto: Re: How to make form background color transparent?


    New response received A new response has been received: Answered by Boris Your form 53152632619353 is currently set to have a white background, which is why your website's gray background is not visible behind the form.In order to force your form to have a transparent background, please inject the following custom CSS into your form:.supernova {
      background-color: transparent !important;
    }You can add CSS codes to your form by opening the form in the Designer, switching to the CSS tab, and pasting it into the textbox:Please let us know if you need any further assistance, David, we'll be glad to help. View this thread on browser » Unsubscribe Thread 1461228738

    ...
  • davidrgz
    Replied on April 21, 2016 at 7:44 AM
    I see that when you select the email address from the suggestions dropdown,  the browser automatically adds an space at the end of the email address...   That space makes the address invalid... 
    Hope this helps. 
    Awaiting for your news
    Kind regardsDavid. 
    Sent from Yahoo Mail on Android

    ...
  • beril JotForm UI Developer
    Replied on April 21, 2016 at 10:24 AM

    I've created a separate thread for you, so anyone in the support staff will be able to assist you with your specific requirement. Please follow up there:

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