Any Experts to help me recreate this incredible form?!

  • Profile Image
    henhen89
    Asked on February 18, 2014 at 02:31 PM

    Hello All,

    I really need some help in creating my perfect from...


    I am trying to make a form that looks like this one here: https://www.jetblue.com in terms of the color and design of the form as I have the same color background (please see image).

    The form must be no taller than 240px and no wider than 300px and include the folloing boxes;

    * Name

    * Telephone

    * Email

    * Company

    The submit button should read 'Search'

     

    I would be very greatful if someone could help me create this form.

     

    Thanks - Scott.

  • Profile Image
    pinoytech
    Answered on February 18, 2014 at 03:38 PM

    Hi,

    Thank you for contacting us.

    I can help you to achieve that design in your form. I'll get back to you as soon as I finish the form.

    Should you need further assistance, please feel free to contact us again at anytime.

  • Profile Image
    henhen89
    Answered on February 18, 2014 at 03:49 PM

    Thank you so much...

  • Profile Image
    pinoytech
    Answered on February 18, 2014 at 04:30 PM

    Hi,

    Please take a look at this form that I've created.

    http://www.jotformpro.com/form/40486182358965

    Feel free to contact us again if you need further assistance.

  • Profile Image
    henhen89
    Answered on February 22, 2014 at 04:39 PM

    Hello,

    Thank you so much for making this form for me.

    Could you please make a couple of changes for me?

    * could you know remove the background blue so there is no background it is just transparent.

    * Could you also make the text fields white with grey text.

     

    Thanks - I look forwards to hearing from you and thanks again for your help.

     

    Scott.

  • Profile Image
    pinoytech
    Answered on February 22, 2014 at 06:17 PM

    Hi Scott,

    As per requested, I've remove background color of your form.

    Could you also make the text fields white with grey text?

    Are you referring on making textbox input field background color as grey?

    If so, find this code injected in your form.

    /*---INPUT----*/

    .form-all input {

    border-top: 1px solid #3a6c9a;

    border-right: 1px solid #3a6c9a;

    border-bottom: 1px solid #3a6c9a;

    border-left: 1px solid #3a6c9a;

    background-image: url(../img/input-blue-bg.png) 0 top repeat-x;

    background: url(../img/input-blue-bg.png) 0 top repeat-x,

    url(../img/input-blue-bg.png) left 0 repeat-y,

    url(../img/input-blue-bg.png) left top no-repeat,

    url(../img/input-blue-bg.png) left top no-repeat;

    background-color: #4d90cd;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    width: 251px;

    height: 34px;

    padding: 0 10px;

    }

    and replace it with this code:

    /*---INPUT BACKGROUND-----*/

    .form-all input {

    border-top: 1px solid #696B6D;

    border-right: 1px solid #696B6D;

    border-bottom: 1px solid #696B6D;

    border-left: 1px solid #696B6D;

    background-color: #A6ABB1;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    width: 251px;

    height: 34px;

    padding: 0 10px;

    }

    This is how it looks like after.

    Feel free to contact us again if you need further assistance.

  • Profile Image
    henhen89
    Answered on February 26, 2014 at 10:31 AM

    Hello,

    Thanks for your help.

    How can I simply make the background of this form: http://www.jotformpro.com/form/40486182358965 completely transparent?? So the blue background is gone and I can use this form on any page of my website regardless of the background color.

     

    Thanks again, Scott.


  • Profile Image
    Carina
    Answered on February 26, 2014 at 11:02 AM

    Please go to "Setup and embed">"Preferences" and change background to "transparent". Also in the Inject custom css you need to change the background color to transparent:

    Let us know please if you need more assistance.