Form does not appear as expected.

  • Profile Image
    tonycrowther
    Asked on October 27, 2016 at 04:55 AM

    I have a form, 'LiveandLearn Contact Form' which refuses to appear as desired in two respects.

    a)  I cannot get a transparent background to it

    b)

    certain fields insist on being full width on separate - first name and surname, and area code and tel no.

    I want these on only two lines total, not four.

     

    Help would be much appreciated.

     

    Tony

  • Profile Image
    candy
    Answered on October 27, 2016 at 05:10 AM

    Hello,

    I've tried your form on my side and on the web browser.

    Could you please inject the following CSS code below into your form and check it again please?

    .form-input {

        width: 100%;

        display: -moz-box !important;

    }

    I am waiting for your response.

    Thank you.

  • Profile Image
    Chriistian
    Answered on October 27, 2016 at 05:17 AM

    To add to my colleague Candy's response, you can also inject the custom CSS code below to make the form transparent:

    .supernova {

        background-color: transparent !important;

    }


    You can also check out our guide here for more options on Making the Form Background Transparent.

    To avoid any confusion, we shall assist you with your second concern on the other thread here: https://www.jotform.com/answers/973089 

    Thank you.

  • Profile Image
    tonycrowther
    Answered on October 27, 2016 at 05:44 AM
    Hi Candy,
    That helped a little with the name and tel no fields (there are still some glitches - no space between boxes, area code words are down a line)  and the form still has a white background. Any ideas?
    Tony

    On Thursday, 27 October 2016, 10:10, JotForm wrote:

    New response received A new response has been received: Answered by candy Hello,I've tried your form on my side and on the web browser.Could you please inject the following CSS code below into your form and check it again please?.form-input {    width: 100%;    display: -moz-box !important;}I am waiting for your response.Thank you. View this thread on browser » Unsubscribe Thread 1477559444

    ...
  • Profile Image
    tonycrowther
    Answered on October 27, 2016 at 05:44 AM
    Hi,
    How come your design module doesn't do that when you choose a transparent background?
    Tony

    On Thursday, 27 October 2016, 10:17, JotForm wrote:

    New response received A new response has been received: Answered by Chriistian To add to my colleague Candy's response, you can also inject the custom CSS code below to make the form transparent:.supernova {    background-color: transparent !important;}
    You can also check out our guide here for more options on Making the Form Background Transparent.To avoid any confusion, we shall assist you with your second concern on the other thread here: https://www.jotform.com/answers/973089 Thank you. View this thread on browser » Unsubscribe Thread 1477559833

    ...
  • Profile Image
    candy
    Answered on October 27, 2016 at 06:35 AM

    Dear Tony,

    Please find your answer related the fields in this following link: https://www.jotform.com/answers/973089 

    You can use design module of Form Builder in order to set transparent background as the following screenshot:

    Please check again. If you need any further assistance, do not hesitate to contact.

    Thanks.

  • Profile Image
    tonycrowther
    Answered on October 27, 2016 at 06:44 AM
    Ta.
    On Thursday, 27 October 2016, 11:35, JotForm wrote:

    New response received A new response has been received: Answered by candy Dear Tony,Please find your answer related the fields in this following link: https://www.jotform.com/answers/973089 You can use design module of Form Builder in order to set transparent background of your form as the following screenshot:Please check again. If you need any further assistance, do not hesitate to contact.Thanks. View this thread on browser » Unsubscribe Thread 1477564536

    ...