How to make form background color transparent?

  • Profile Image
    davidrgz
    Asked on April 21, 2016 at 04: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.

     

  • Profile Image
    Boris
    Answered on April 21, 2016 at 04: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:

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

  • Profile Image
    davidrgz
    Answered on April 21, 2016 at 05: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

    ...
  • Profile Image
    davidrgz
    Answered on April 21, 2016 at 06: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

    ...
  • Profile Image
    davidrgz
    Answered on April 21, 2016 at 07: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

    ...
  • Profile Image
    beril
    Answered 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