What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to make form background color transparent?

    Asked by davidrgz 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.

     

    Page URL:
    http://tokyoto-luggage.es/codigo-descuento/

    style publish layout background transparent
  • Profile Image
    JotForm Support

    Answered by Boris 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

    Answered by davidrgz 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

    Answered by davidrgz 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

    Answered by davidrgz 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
    JotForm Support

    Answered by beril 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