Form does not appear as expected.

  • tonycrowther
    Asked on October 27, 2016 at 4: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

    Page URL: http://www.liveandlearn.uk.com/booking.html
  • candy
    Replied on October 27, 2016 at 5: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.

  • Chriistian Jotform Support
    Replied on October 27, 2016 at 5: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;

    }

    Form does not appear as expected Screenshot 20

    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.

  • tonycrowther
    Replied on October 27, 2016 at 5: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

    ...
  • tonycrowther
    Replied on October 27, 2016 at 5: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

    ...
  • candy
    Replied on October 27, 2016 at 6: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:

    Form does not appear as expected Screenshot 20

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

    Thanks.

  • tonycrowther
    Replied on October 27, 2016 at 6: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

    ...