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

    Form is not responding according to changes

    Asked by AutoRepairHelpUS on December 27, 2014 at 03:52 PM

    Form is not responding according to changes. Keeps showing large boxes and a paypal logo instead of Submit button.

     

    Trying to match the site color and font and want to use the source code?

    Thank you for your help.

     

    Lee Davidian, Sr.

     

    Code injection

              In the the Box below - Ask a Car or Truck Mechanic and Get Answers to Your Car or Truck Questions ASAP ! Remember: When asking your automotive repair question, please give us as much detail as you can. Specific detials and descriptions of what you are experiencing will help Auto Repair Help Technicians give more detailed accurate and helpful answers.

             

                *

             

           

           

     

             

           

         

         

     

           

              Year

             

                *

             

           

           

     

             

                

               2015

               2014

               2013

               2012

               2011

               2010

               2009

               2008

               2007

               2006

               2005

               2004

               2003

               2002

               2001

               2000

               1999

               1998

               1997

               1996

               1995

               1994

               1993

               1992

               1991

               1990

               1989

               1988

               1987

               1986

               1985

               1984

               1983

               1982

               1981

               1980

               1979

               1978

               1977

               1976

               1975

               1974

               1973

               1972

               1971

               1970

               1969

               1968

               1967

               1966

               1965

               1964

               1963

               1962

               1961

               1960

               1957

             

           

         

         

     

           

              Make

             

                *

             

           

           

     

             

                

               Audi

               BMW

               Buick

               Buick Truck

               Cadillac

               Cadillac Truck

               Chevrolet

               Chevy Truck

               Chrysler

               Chrysler Truck

               Daewoo

               Daihatsu

               Daihatsu Truck

               Dodge

               Dodge or Ram Truck

               Eagle

               Fiat

               Ford

               Ford Truck

               Freightliner Truck

               Geo

               Geo Truck

               GMC Truck

               Honda

               Honda Truck

               Hyundai

               Hyundai Truck

               Infiniti

               Infiniti Truck

               Isuzu Truck

               Jaguar

               Jeep Truck

               Kia

               Kia Truck

               Land Rover

               Lexus

               Lexus Truck

               Lincoln

               Lincoln Truck

               Mazda

               Mazda Truck

               Mercedes Benz

               Mercedes Benz Truck

               Mercury

               Mercury Truck

               Mini

               Mitsubishi

               Mitsubishi Fuso

               Mitsubishi Truck

               Nissan-Datsun

               Nissan-Datsun Truck

               Oldsmobile

               Oldsmobile Truck

               Peugeot

               Plymouth

               Plymouth Truck

               Pontiac

               Pontiac Truck

               Porsche

               Renuault

               Saturn

               Subaru

               Suzuki

               Suzuki Truck

               Saab

               Scion

               Smart

               SRT

               Subaru

               Suzuki

               Suzuki Truck

               Toyota

               Toyota Truck

               UD

               Volkswagen

               Volkswagen Truck

               Volvo

               Yugo

             

           

         

         

     

           

              Model

             

                *

             

           

           

     

             

           

         

         

     

           

              Engine Size

             

                *

             

           

           

     

             

           

         

         

     

           

              E-mail

             

                *

             

           

           

     

             

           

         

         

     

           

     

             

     

               

    Please Select An Automotive Service

               

    For Step by Step Repair Assistance use Live Chat Service, which Includes Diagrams, is the Best Choice.

               

    NOTE: Serpintine Belt Diagrams, Timing Belt Diagrams, Wiring Diagrams are diagrams only - not a step by step repair procedure.

               

    If you do not see an Idividual Service you need, please let us know and we will arrange one for you. There are too many to list. Only the most popular services are shown.

               

    Your Question or Service will be answered in ASAP!

             

           

         

         

     

           

              Auto Repair Services

             

                *

             

           

           

     

             

             

             

               

               

                  Live Chat Step by Step Auto Repair with Diagrams

                 

                   

                      $

                     

                        20.00

                     

                      USD

                   

                 

               

             

             

             

               

               

                  Email Support Step by Step Auto Repair with Diagrams

                 

                   

                      $

                     

                        10.00

                     

                      USD

                   

                 

               

             

             

             

               

               

                  Live Phone Support Step by Step Auto Repair with Diagrams

                 

                   

                      $

                     

                        30.00

                     

                      USD

                   

                 

               

             

             

             

               

               

                  Serpentine Belt Diagrams

                 

                   

                      $

                     

                        2.00

                     

                      USD

                   

                 

               

             

             

        &nb

     

    Trying to use this Source code:

     

    <script src="https://d2g9qbzl5h49rh.cloudfront.net/js/vendor/jquery-1.8.0.min.js?3.2.4749" type="text/javascript"></script>

    <script src="https://d2g9qbzl5h49rh.cloudfront.net/js/vendor/autoFill.min.js?v=3.2.4749" type="text/javascript"></script>

    <script src="https://d2g9qbzl5h49rh.cloudfront.net/static/prototype.forms.js" type="text/javascript"></script>

    <script src="https://d2g9qbzl5h49rh.cloudfront.net/static/jotform.forms.js?3.2.4749" type="text/javascript"></script>

    <script src="https://js.jotform.com/vendor/postMessage.min.js" type="text/javascript"></script>

    <script src="https://js.jotform.com/WidgetsServer.js" type="text/javascript"></script>

    <script src="https://d2g9qbzl5h49rh.cloudfront.net/js/paypal.js?v=3.2.4749" type="text/javascript"></script>

    <script type="text/javascript">

       JotForm.init(function(){

        if(!(!Prototype.Browser.IE9 && !Prototype.Browser.IE10 && Prototype.Browser.IE)) {

            new nicEditor({iconsPath : location.protocol + '//www.jotform.com/images/nicEditorIcons.gif?v2'}).panelInstance('input_10');

            JotForm.updateAreaFromRich(10);

        }

          $('input_7').hint(' myname@example.com');

          productID = {"0":"input_23_1012","1":"input_23_1003","2":"input_23_1004","3":"input_23_1006","4":"input_23_1007","5":"input_23_1008","6":"input_23_1011"};

          paymentType = "product";

          JotForm.setCurrencyFormat('USD',true);

          JotForm.totalCounter({"input_23_1012":{"price":"20.00"},"input_23_1003":{"price":"10.00"},"input_23_1004":{"price":"30.00"},"input_23_1006":{"price":"2.00"},"input_23_1007":{"price":"2.00"},"input_23_1008":{"price":"5.00"},"input_23_1011":{"price":"10.00"}});

          setTimeout(function() {

              JotForm.autoFillInitialize({"menu":"enable","ttl":300,"timeout":10,"bindChange":"on"});

          }, 10)

       });

    </script>

    <link target="_blank" href="https://d2g9qbzl5h49rh.cloudfront.net/static/formCss.css?3.2.4749" rel="nofollow" rel="stylesheet" type="text/css" />

    <link type="text/css" rel="stylesheet" target="_blank" href="https://d2g9qbzl5h49rh.cloudfront.net/css/styles/jottheme.css?3.2.4749" rel="nofollow" />

    <link type="text/css" media="print" rel="stylesheet" target="_blank" href="https://d2g9qbzl5h49rh.cloudfront.net/css/printForm.css?3.2.4749" rel="nofollow" />

    <style type="text/css">

        .form-label-left{

            width:100px !important;

        }

        .form-line{

            padding-top:12px;

            padding-bottom:12px;

        }

        .form-label-right{

            width:100px !important;

        }

        .form-all{

            width:750px;

            color:#000000 !important;

            font-family:'Merriweather Sans';

            font-size:15px;

        }

    </style>

     

    <style type="text/css" id="form-designer-style">

        /* Injected CSS Code */

    @import "https://fonts.googleapis.com/css?family=Merriweather+Sans:light,lightitalic,normal,italic,bold,bolditalic";

    @import "http://www.jotform.com/themes/css/buttons/form-submit-button-simple_green_apple.css";

    .form-all {

    font-family: "Merriweather Sans", sans-serif;

    }

    .form-all {

    width: 800px;

    width: 100%;

    max-width: 800px;

    }

    .form-label-left,

    .form-label-right {

    width: 100px;

    }

    .form-label {

    white-space: normal;

    }

    .form-label.form-label-auto {

    display: inline-block;

    float: left;

    text-align: left;

    width: 100px;

    }

    .form-label-left {

    display: inline-block;

    white-space: normal;

    float: left;

    text-align: left;

    }

    .form-label-right {

    display: inline-block;

    white-space: normal;

    float: left;

    text-align: right;

    }

    .form-label-top {

    white-space: normal;

    display: block;

    float: none;

    text-align: left;

    }

    .form-all {

    font-size: 15px;

    }

    .form-label {

    font-weight: bold;

    }

    .form-checkbox-item label,

    .form-radio-item label {

    font-weight: normal;

    }

    .supernova {

    background-color: #ffffff;

    background-color: #fafafa;

    }

    .supernova body {

    background-color: transparent;

    }

    /*

    @width30: (unit(@formWidth, px) + 60px);

    @width60: (unit(@formWidth, px)+ 120px);

    @width90: (unit(@formWidth, px)+ 180px);

    */

    /* | */

    @media screen and (min-width: 480px) {

    .supernova .form-all {

    border: 1px solid #e1e1e1;

    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);

    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);

    }

    }

    /* | */

    /* | */

    @media screen and (max-width: 480px) {

    .jotform-form {

    padding: 10px 0;

    }

    }

    /* | */

    /* | */

    @media screen and (min-width: 480px) and (max-width: 768px) {

    .jotform-form {

    padding: 30px 0;

    }

    }

    /* | */

    /* | */

    @media screen and (min-width: 768px) and (max-width: 1024px) {

    .jotform-form {

    padding: 60px 0;

    }

    }

    /* | */

    /* | */

    @media screen and (min-width: 1024px) {

    .jotform-form {

    padding: 90px 0;

    }

    }

    /* | */

    .form-all {

    background-color: #ffffff;

    border: 1px solid transparent;

    }

    .form-header-group {

    border-color: #e6e6e6;

    }

    .form-matrix-table tr {

    border-color: #e6e6e6;

    }

    .form-matrix-table tr:nth-child(2n) {

    background-color: #f2f2f2;

    }

    .form-all {

    color: #555555;

    }

    .form-header-group .form-header {

    color: #555555;

    }

    .form-header-group .form-subHeader {

    color: #6f6f6f;

    }

    .form-sub-label {

    color: #6f6f6f;

    }

    .form-label-top,

    .form-label-left,

    .form-label-right,

    .form-html {

    color: #555555;

    }

    .form-checkbox-item label,

    .form-radio-item label {

    color: #6f6f6f;

    }

    .form-line.form-line-active {

    -webkit-transition-property: all;

    -moz-transition-property: all;

    -ms-transition-property: all;

    -o-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: 0.3s;

    -moz-transition-duration: 0.3s;

    -ms-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-timing-function: ease;

    -moz-transition-timing-function: ease;

    -ms-transition-timing-function: ease;

    -o-transition-timing-function: ease;

    transition-timing-function: ease;

    background-color: #ffffe0;

    }

    /* ömer */

    .form-radio-item,

    .form-checkbox-item {

    padding-bottom: 0px !important;

    }

    .form-radio-item:last-child,

    .form-checkbox-item:last-child {

    padding-bottom: 0;

    }

    /* ömer */

    /*.ctrl-custom-size(@bgSize, @tickSize, @tickOffsetTop, @tickOffsetLeft, @radius) {input {

    display: none;

    }

    label {

    position: relative;

    margin-left: 0;

    }label:before {

    content: '';

    position: relative;

    display: inline-block;

    vertical-align: baseline;

    margin-right: 4px;

    .border-box();

    .rounded(@radius);width: @bgSize;

    height: @bgSize;

    }label:after {

    content: '';

    position: absolute;

    z-index: 10;

    display: inline-block;

    opacity: 0;top:@tickOffsetTop;

    left:@tickOffsetLeft;

    width: @tickSize;

    height: @tickSize;

    .rounded(@radius);

    }input:checked + label:after {

    opacity: 1;

    }}*/

    [data-type="control_radio"] .form-input,

    [data-type="control_checkbox"] .form-input,

    [data-type="control_radio"] .form-input-wide,

    [data-type="control_checkbox"] .form-input-wide {

    width: 100%;

    max-width: 150px;

    }

    .form-radio-item,

    .form-checkbox-item {

    width: 100%;

    max-width: 150px;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    }

    .form-textbox.form-radio-other-input,

    .form-textbox.form-checkbox-other-input {

    width: 80%;

    margin-left: 3%;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    }

    .form-multiple-column {

    width: 100%;

    }

    .form-multiple-column .form-radio-item,

    .form-multiple-column .form-checkbox-item {

    width: 10%;

    }

    .form-multiple-column[data-columncount="1"] .form-radio-item,

    .form-multiple-column[data-columncount="1"] .form-checkbox-item {

    width: 100%;

    }

    .form-multiple-column[data-columncount="2"] .form-radio-item,

    .form-multiple-column[data-columncount="2"] .form-checkbox-item {

    width: 50%;

    }

    .form-multiple-column[data-columncount="3"] .form-radio-item,

    .form-multiple-column[data-columncount="3"] .form-checkbox-item {

    width: 33.33333333%;

    }

    .form-multiple-column[data-columncount="4"] .form-radio-item,

    .form-multiple-column[data-columncount="4"] .form-checkbox-item {

    width: 25%;

    }

    .form-multiple-column[data-columncount="5"] .form-radio-item,

    .form-multiple-column[data-columncount="5"] .form-checkbox-item {

    width: 20%;

    }

    .form-multiple-column[data-columncount="6"] .form-radio-item,

    .form-multiple-column[data-columncount="6"] .form-checkbox-item {

    width: 16.66666667%;

    }

    .form-multiple-column[data-columncount="7"] .form-radio-item,

    .form-multiple-column[data-columncount="7"] .form-checkbox-item {

    width: 14.28571429%;

    }

    .form-multiple-column[data-columncount="8"] .form-radio-item,

    .form-multiple-column[data-columncount="8"] .form-checkbox-item {

    width: 12.5%;

    }

    .form-multiple-column[data-columncount="9"] .form-radio-item,

    .form-multiple-column[data-columncount="9"] .form-checkbox-item {

    width: 11.11111111%;

    }

    .form-single-column .form-checkbox-item,

    .form-single-column .form-radio-item {

    width: 100%;

    }

    .supernova {

    background-repeat: no-repeat;

    background-attachment: scroll;

    background-position: center top;

    background-repeat: repeat;

    }

    /* | */

    .form-all {

    background-repeat: no-repeat;

    background-attachment: scroll;

    background-position: center top;

    background-repeat: repeat;

    }

    .form-header-group {

    background-repeat: no-repeat;

    background-attachment: scroll;

    background-position: center top;

    }

    .form-line {

    margin-top: 13px;

    margin-bottom: 13px;

    }

    .form-line {

    padding: 1px 44px;

    }

    .form-all .form-textbox,

    .form-all .form-radio-other-input,

    .form-all .form-checkbox-other-input,

    .form-all .form-captcha input,

    .form-all .form-spinner input,

    .form-all .form-pagebreak-back,

    .form-all .form-pagebreak-next,

    .form-all .qq-upload-button,

    .form-all .form-error-message {

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    }

    .form-all .form-sub-label {

    margin-left: 3px;

    }

    .form-all .form-textarea {

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    }

    .form-all .form-submit-button,

    .form-all .form-submit-reset,

    .form-all .form-submit-print {

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    }

    .form-all .form-sub-label {

    margin-left: 3px;

    }

    .form-all {

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

    }

    .form-section:first-child {

    -webkit-border-radius: 0px 0px 0 0;

    -moz-border-radius: 0px 0px 0 0;

    border-radius: 0px 0px 0 0;

    }

    .form-section:last-child {

    -webkit-border-radius: 0 0 0px 0px;

    -moz-border-radius: 0 0 0px 0px;

    border-radius: 0 0 0px 0px;

    }

    .form-all .qq-upload-button,

    .form-all .form-submit-button,

    .form-all .form-submit-reset,

    .form-all .form-submit-print {

    font-size: 1.15em;

    padding: 12px 18px;

    font-family: "Merriweather Sans", sans-serif;

    font-size: 15px;

    font-weight: bold;

    }

    .form-all .form-submit-print {

    margin-left: 0 !important;

    margin-right: 0 !important;

    }

    .form-all .form-pagebreak-back,

    .form-all .form-pagebreak-next {

    font-size: 1em;

    padding: 9px 15px;

    font-family: "Merriweather Sans", sans-serif;

    font-size: 15px;

    font-weight: normal;

    }

    /*

    TODO: Significant improvement possibility:following import statement is not required in design mode,

    but it should be inside the exported css of current design, in the form itself

    when it is shown to people. Being of this here, causing re-drawn problems.

    we should find a way to only include this in css send while saving current designsee prepareModel4Save for implementation for @buttonFontType

    */

    /*

    & when ( @buttonFontType = google ) {

    @import (css) "@{buttonFontLink}";

    }

    */

    h2.form-header {

    line-height: 1.618em;

    font-size: 1.714em;

    }

    h2 ~ .form-subHeader {

    line-height: 1.5em;

    font-size: 1.071em;

    }

    .form-header-group {

    text-align: left;

    }

    .form-line {

    zoom: 1;

    }

    .form-line:before,

    .form-line:after {

    display: table;

    content: '';

    line-height: 0;

    }

    .form-line:after {

    clear: both;

    }

    .form-sub-label-container {

    margin-right: 0;

    float: left;

    white-space: nowrap;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    }

    .form-sub-label-container .date-separate {

    position: relative;

    left: -3px;

    }

    .form-captcha input,

    .form-spinner input {

    width: 150px;

    }

    .form-textbox,

    .form-textarea {

    width: 100%;

    max-width: 150px;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    }

    .form-input,

    .form-address-table,

    .form-matrix-table {

    width: 100%;

    max-width: 150px;

    }

    .form-radio-item,

    .form-checkbox-item {

    width: 100%;

    max-width: 150px;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    }

    .form-textbox.form-radio-other-input,

    .form-textbox.form-checkbox-other-input {

    width: 80%;

    margin-left: 3%;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    }

    .form-multiple-column {

    width: 100%;

    }

    .form-multiple-column .form-radio-item,

    .form-multiple-column .form-checkbox-item {

    width: 10%;

    }

    .form-multiple-column[data-columncount="1"] .form-radio-item,

    .form-multiple-column[data-columncount="1"] .form-checkbox-item {

    width: 100%;

    }

    .form-multiple-column[data-columncount="2"] .form-radio-item,

    .form-multiple-column[data-columncount="2"] .form-checkbox-item {

    width: 50%;

    }

    .form-multiple-column[data-columncount="3"] .form-radio-item,

    .form-multiple-column[data-columncount="3"] .form-checkbox-item {

    width: 33.33333333%;

    }

    .form-multiple-column[data-columncount="4"] .form-radio-item,

    .form-multiple-column[data-columncount="4"] .form-checkbox-item {

    width: 25%;

    }

    .form-multiple-column[data-columncount="5"] .form-radio-item,

    .form-multiple-column[data-columncount="5"] .form-checkbox-item {

    width: 20%;

    }

    .form-multiple-column[data-columncount="6"] .form-radio-item,

    .form-multiple-column[data-columncount="6"] .form-checkbox-item {

    width: 16.66666667%;

    }

    .form-multiple-column[data-columncount="7"] .form-radio-item,

    .form-multiple-column[data-columncount="7"] .form-checkbox-item {

    width: 14.28571429%;

    }

    .form-multiple-column[data-columncount="8"] .form-radio-item,

    .form-multiple-column[data-columncount="8"] .form-checkbox-item {

    width: 12.5%;

    }

    .form-multiple-column[data-columncount="9"] .form-radio-item,

    .form-multiple-column[data-columncount="9"] .form-checkbox-item {

    width: 11.11111111%;

    }

    [data-type="control_dropdown"] .form-dropdown {

    width: 100% !important;

    max-width: 150px;

    }

    [data-type="control_fullname"] .form-sub-label-container {

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    width: 48%;

    }

    [data-type="control_fullname"] .form-sub-label-container:first-child {

    margin-right: 4%;

    }

    [data-type="control_phone"] .form-sub-label-container {

    width: 65%;

    }

    [data-type="control_phone"] .form-sub-label-container:first-child {

    width: 32.5%;

    margin-right: 2.5%;

    }

    [data-type="control_birthdate"] .form-sub-label-container {

    width: 22%;

    margin-right: 3%;

    }

    [data-type="control_birthdate"] .form-sub-label-container:first-child {

    width: 50%;

    }

    [data-type="control_birthdate"] .form-sub-label-container:last-child {

    margin-right: 0;

    }

    [data-type="control_birthdate"] .form-sub-label-container .form-dropdown {

    width: 100%;

    }

    [data-type="control_time"] .form-sub-label-container {

    width: 37%;

    margin-right: 3%;

    }

    [data-type="control_time"] .form-sub-label-container:last-child {

    width: 20%;

    margin-right: 0;

    }

    [data-type="control_time"] .form-sub-label-container .form-dropdown {

    width: 100%;

    }

    [data-type="control_datetime"] .form-sub-label-container {

    width: 12%;

    margin-right: 3%;

    }

    [data-type="control_datetime"] .form-sub-label-container:last-child {

    width: 3%;

    margin-right: 0;

    }

    [data-type="control_datetime"] span .form-sub-label-container:first-child {

    width: 4%;

    }

    [data-type="control_datetime"] span .form-sub-label-container:last-child {

    width: 12%;

    margin-right: 3%;

    }

    [data-type="control_datetime"] .form-dropdown {

    width: 100%;

    }

    [data-type="control_payment"] .form-sub-label-container {

    width: auto;

    }

    [data-type="control_payment"] .form-sub-label-container .form-dropdown {

    width: 100%;

    }

    .form-address-table td .form-dropdown {

    width: 100%;

    }

    .form-address-table td .form-sub-label-container {

    width: 96%;

    }

    .form-address-table td:last-child .form-sub-label-container {

    margin-left: 4%;

    }

    .form-address-table td[colspan="2"] .form-sub-label-container {

    width: 100%;

    margin: 0;

    }

    /*.form-dropdown,

    .form-radio-item,

    .form-checkbox-item,

    .form-radio-other-input,

    .form-checkbox-other-input,*/

    .form-captcha input,

    .form-spinner input,

    .form-error-message {

    padding: 4px 3px 2px 3px;

    }

    .form-header-group {

    font-family: "Merriweather Sans", sans-serif;

    }

    .form-section {

    padding: 0px 0px 0px 0px;

    }

    .form-header-group {

    margin: 12px 36px 12px 36px;

    }

    .form-header-group {

    padding: 24px 0px 24px 0px;

    }

    .form-textbox,

    .form-textarea {

    border-style: solid;

    border-color: #eeeeee;

    color: #0d0f1c;

    padding: 4px 3px 2px 3px;

    }

    .form-textbox,

    .form-textarea,

    .form-radio-other-input,

    .form-checkbox-other-input,

    .form-captcha input,

    .form-spinner input {

    background-color: #eeeeee;

    }

    .form-textbox,

    .form-textarea {

    width: 100%;

    max-width: 550px;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    }

    [data-type="control_textbox"] .form-input,

    [data-type="control_textarea"] .form-input,

    [data-type="control_fullname"] .form-input,

    [data-type="control_phone"] .form-input,

    [data-type="control_datetime"] .form-input,

    [data-type="control_address"] .form-input,

    [data-type="control_email"] .form-input,

    [data-type="control_passwordbox"] .form-input,

    [data-type="control_autocomp"] .form-input,

    [data-type="control_textbox"] .form-input-wide,

    [data-type="control_textarea"] .form-input-wide,

    [data-type="control_fullname"] .form-input-wide,

    [data-type="control_phone"] .form-input-wide,

    [data-type="control_datetime"] .form-input-wide,

    [data-type="control_address"] .form-input-wide,

    [data-type="control_email"] .form-input-wide,

    [data-type="control_passwordbox"] .form-input-wide,

    [data-type="control_autocomp"] .form-input-wide {

    width: 100%;

    max-width: 550px;

    }

    [data-type="control_fullname"] .form-sub-label-container {

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    width: 48%;

    }

    [data-type="control_fullname"] .form-sub-label-container:first-child {

    margin-right: 4%;

    }

    [data-type="control_phone"] .form-sub-label-container {

    width: 65%;

    }

    [data-type="control_phone"] .form-sub-label-container:first-child {

    width: 32.5%;

    margin-right: 2.5%;

    }

    [data-type="control_datetime"] .form-sub-label-container {

    width: 12%;

    margin-right: 3%;

    }

    [data-type="control_datetime"] .form-sub-label-container:last-child {

    width: 3%;

    margin-right: 0;

    }

    [data-type="control_datetime"] span .form-sub-label-container:first-child {

    width: 4%;

    }

    [data-type="control_datetime"] span .form-sub-label-container:last-child {

    width: 12%;

    margin-right: 3%;

    }

    [data-type="control_datetime"] .form-dropdown {

    width: 100%;

    }

    .form-matrix-table {

    width: 100%;

    max-width: 550px;

    }

    .form-address-table {

    width: 100%;

    max-width: 550px;

    }

    .form-address-table td .form-dropdown {

    width: 100%;

    }

    .form-address-table td .form-sub-label-container {

    width: 96%;

    }

    .form-address-table td:last-child .form-sub-label-container {

    margin-left: 4%;

    }

    .form-address-table td[colspan="2"] .form-sub-label-container {

    width: 100%;

    margin: 0;

    }

    /*@textInputStyle: "ti-default";

    @textInputBorderWidth: -1;

    @textInputBorderStyle: -1;

    @clrTextInputBorder: -1;

    @clrTextInputBg: -1;

    @clrTextInputFont: -1;

    @textInputHeight: -1;

    @textAreaHeight: -1;& when ( @formControlStyle = ti-default ) {}*/

    .form-dropdown {

    -webkit-appearance: menulist-button;

    border-color: #eeeeee;

    }

    [data-type="control_dropdown"] .form-input,

    [data-type="control_birthdate"] .form-input,

    [data-type="control_time"] .form-input,

    [data-type="control_dropdown"] .form-input-wide,

    [data-type="control_birthdate"] .form-input-wide,

    [data-type="control_time"] .form-input-wide {

    width: 100%;

    max-width: 150px;

    }

    [data-type="control_dropdown"] .form-dropdown {

    width: 100% !important;

    max-width: 150px;

    }

    [data-type="control_birthdate"] .form-sub-label-container {

    width: 22%;

    margin-right: 3%;

    }

    [data-type="control_birthdate"] .form-sub-label-container:first-child {

    width: 50%;

    }

    [data-type="control_birthdate"] .form-sub-label-container:last-child {

    margin-right: 0;

    }

    [data-type="control_birthdate"] .form-sub-label-container .form-dropdown {

    width: 100%;

    }

    [data-type="control_time"] .form-sub-label-container {

    width: 37%;

    margin-right: 3%;

    }

    [data-type="control_time"] .form-sub-label-container:last-child {

    width: 20%;

    margin-right: 0;

    }

    [data-type="control_time"] .form-sub-label-container .form-dropdown {

    width: 100%;

    }

    .form-label {

    font-family: "Merriweather Sans", sans-serif;

    }

    li[data-type="control_image"] div {

    text-align: left;

    }

    li[data-type="control_image"] img {

    border: none;

    border-width: 0px !important;

    border-style: solid !important;

    border-color: false !important;

    }

    .form-line-column {

    width: auto;

    }

    .form-line-error {

    overflow: hidden;

    -webkit-transition-property: none;

    -moz-transition-property: none;

    -ms-transition-property: none;

    -o-transition-property: none;

    transition-property: none;

    -webkit-transition-duration: 0.3s;

    -moz-transition-duration: 0.3s;

    -ms-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-timing-function: ease;

    -moz-transition-timing-function: ease;

    -ms-transition-timing-function: ease;

    -o-transition-timing-function: ease;

    transition-timing-function: ease;

    background-color: #fff4f4;

    }

    .form-line-error .form-error-message {

    background-color: #ff3200;

    clear: both;

    float: none;

    }

    .form-line-error .form-error-message .form-error-arrow {

    border-bottom-color: #ff3200;

    }

    .form-line-error input:not(#coupon-input),

    .form-line-error textarea,

    .form-line-error .form-validation-error {

    border: 1px solid #ff3200;

    -webkit-box-shadow: 0 0 3px #ff3200;

    -moz-box-shadow: 0 0 3px #ff3200;

    box-shadow: 0 0 3px #ff3200;

    }

    .ie-8 .form-all {

    margin-top: auto;

    margin-top: initial;

    }

    .ie-8 .form-all:before {

    display: none;

    }

    /* | */

    @media screen and (max-width: 480px), screen and (max-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {

    .jotform-form {

    padding: 0;

    }

    .form-all {

    border: 0;

    width: 100%;

    }

    .form-sub-label-container {

    width: 100%;

    margin: 0;

    }

    .form-input {

    width: 100%;

    }

    .form-label {

    width: 100%!important;

    }

    .form-line {

    padding: 2% 5%;

    }

    input[type=text],

    input[type=email],

    input[type=tel],

    textarea {

    width: 100%;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    max-width: initial !important;

    }

    .form-input,

    .form-input-wide,

    .form-textarea,

    .form-textbox,

    .form-dropdown {

    max-width: initial !important;

    }

    div.form-header-group {

    padding: 24px 0px !important;

    margin: 0 12px 2% !important;

    margin-left: 5% !important;

    margin-right: 5% !important;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    }

    [data-type="control_button"] {

    margin-bottom: 0 !important;

    }

    .form-buttons-wrapper {

    margin: 0!important;

    }

    .form-buttons-wrapper button {

    width: 100%;

    }

    table {

    width: 100%!important;

    max-width: initial !important;

    }

    table td + td {

    padding-left: 3%;

    }

    .form-checkbox-item input,

    .form-radio-item input {

    width: auto;

    }

    .form-collapse-table {

    margin: 0 5%;

    }

    }

    /* | *//*__INSPECT_SEPERATOR__*/

    .form-all {

    width : 100%;

    }.form-pagebreak {

    border-top : none;

    background : none;

    }.form-buttons-wrapper {}

        /* Injected CSS Code */

    </style>

     

    <link type="text/css" rel="stylesheet" target="_blank" href="https://d2g9qbzl5h49rh.cloudfront.net/css/responsive.css?3.2.4749" rel="nofollow" />

    <link type="text/css" rel="stylesheet" target="_blank" href="https://d2g9qbzl5h49rh.cloudfront.net/css/styles/buttons/form-submit-button-simple_green.css?3.2.4749" rel="nofollow"/>

    <form class="jotform-form" action="https://submit.jotform.co/submit/33541663856865/" method="post" enctype="multipart/form-data" name="form_33541663856865" id="33541663856865" accept-charset="utf-8">

      <input type="hidden" name="formID" value="33541663856865" />

      <div class="form-all">

        <ul class="form-section">

          <li class="form-line form-line-column form-col-1 jf-required" data-type="control_textarea" id="id_10">

            <label class="form-label form-label-top" id="label_10" for="input_10">

              In the the Box below - Ask a Car or Truck Mechanic and Get Answers to Your Car or Truck Questions ASAP ! Remember: When asking your automotive repair question, please give us as much detail as you can. Specific detials and descriptions of what you are experiencing will help Auto Repair Help Technicians give more detailed accurate and helpful answers.

              <span class="form-required">

                *

              </span>

            </label>

            <div id="cid_10" class="form-input-wide jf-required">

              <textarea id="input_10" class="form-textarea validate[required]" name="q10_inThe10" cols="52" rows="6" style="min-width: 353px; min-height: 150px; background-color: white;" data-richtext="Yes"></textarea>

            </div>

          </li>

          <li class="form-line form-line-column form-col-2 jf-required" data-type="control_dropdown" id="id_13">

            <label class="form-label form-label-top" id="label_13" for="input_13">

              Year

              <span class="form-required">

                *

              </span>

            </label>

            <div id="cid_13" class="form-input-wide jf-required">

              <select class="form-dropdown validate[required]" style="width:150px" id="input_13" name="q13_year13">

                <option value="">  </option>

                <option value="2015"> 2015 </option>

                <option value="2014"> 2014 </option>

                <option value="2013"> 2013 </option>

                <option value="2012"> 2012 </option>

                <option value="2011"> 2011 </option>

                <option value="2010"> 2010 </option>

                <option value="2009"> 2009 </option>

                <option value="2008"> 2008 </option>

                <option value="2007"> 2007 </option>

                <option value="2006"> 2006 </option>

                <option value="2005"> 2005 </option>

                <option value="2004"> 2004 </option>

                <option value="2003"> 2003 </option>

                <option value="2002"> 2002 </option>

                <option value="2001"> 2001 </option>

                <option value="2000"> 2000 </option>

                <option value="1999"> 1999 </option>

                <option value="1998"> 1998 </option>

                <option value="1997"> 1997 </option>

                <option value="1996"> 1996 </option>

                <option value="1995"> 1995 </option>

                <option value="1994"> 1994 </option>

                <option value="1993"> 1993 </option>

                <option value="1992"> 1992 </option>

                <option value="1991"> 1991 </option>

                <option value="1990"> 1990 </option>

                <option value="1989"> 1989 </option>

                <option value="1988"> 1988 </option>

                <option value="1987"> 1987 </option>

                <option value="1986"> 1986 </option>

                <option value="1985"> 1985 </option>

                <option value="1984"> 1984 </option>

                <option value="1983"> 1983 </option>

                <option value="1982"> 1982 </option>

                <option value="1981"> 1981 </option>

                <option value="1980"> 1980 </option>

                <option value="1979"> 1979 </option>

                <option value="1978"> 1978 </option>

                <option value="1977"> 1977 </option>

                <option value="1976"> 1976 </option>

                <option value="1975"> 1975 </option>

                <option value="1974"> 1974 </option>

                <option value="1973"> 1973 </option>

                <option value="1972"> 1972 </option>

                <option value="1971"> 1971 </option>

                <option value="1970"> 1970 </option>

                <option value="1969"> 1969 </option>

                <option value="1968"> 1968 </option>

                <option value="1967"> 1967 </option>

                <option value="1966"> 1966 </option>

                <option value="1965"> 1965 </option>

                <option value="1964"> 1964 </option>

                <option value="1963"> 1963 </option>

                <option value="1962"> 1962 </option>

                <option value="1961"> 1961 </option>

                <option value="1960"> 1960 </option>

                <option value="1957"> 1957 </option>

              </select>

            </div>

          </li>

          <li class="form-line form-line-column form-col-3 jf-required" data-type="control_dropdown" id="id_14">

            <label class="form-label form-label-top" id="label_14" for="input_14">

              Make

              <span class="form-required">

                *

              </span>

            </label>

            <div id="cid_14" class="form-input-wide jf-required">

              <select class="form-dropdown validate[required]" style="width:150px" id="input_14" name="q14_make">

                <option value="">  </option>

                <option value="Audi"> Audi </option>

                <option value="BMW"> BMW </option>

                <option value="Buick"> Buick </option>

                <option value="Buick Truck"> Buick Truck </option>

                <option value="Cadillac"> Cadillac </option>

                <option value="Cadillac Truck"> Cadillac Truck </option>

                <option value="Chevrolet"> Chevrolet </option>

                <option value="Chevy Truck"> Chevy Truck </option>

                <option value="Chrysler"> Chrysler </option>

                <option value="Chrysler Truck"> Chrysler Truck </option>

                <option value="Daewoo"> Daewoo </option>

                <option value="Daihatsu"> Daihatsu </option>

                <option value="Daihatsu Truck"> Daihatsu Truck </option>

                <option value="Dodge"> Dodge </option>

                <option value="Dodge or Ram Truck"> Dodge or Ram Truck </option>

                <option value="Eagle"> Eagle </option>

                <option value="Fiat"> Fiat </option>

                <option value="Ford"> Ford </option>

                <option value="Ford Truck"> Ford Truck </option>

                <option value="Freightliner Truck"> Freightliner Truck </option>

                <option value="Geo"> Geo </option>

                <option value="Geo Truck"> Geo Truck </option>

                <option value="GMC Truck"> GMC Truck </option>

                <option value="Honda"> Honda </option>

                <option value="Honda Truck"> Honda Truck </option>

                <option value="Hyundai"> Hyundai </option>

                <option value="Hyundai Truck"> Hyundai Truck </option>

                <option value="Infiniti"> Infiniti </option>

                <option value="Infiniti Truck"> Infiniti Truck </option>

                <option value="Isuzu Truck"> Isuzu Truck </option>

                <option value="Jaguar"> Jaguar </option>

                <option value="Jeep Truck"> Jeep Truck </option>

                <option value="Kia"> Kia </option>

                <option value="Kia Truck"> Kia Truck </option>

                <option value="Land Rover"> Land Rover </option>

                <option value="Lexus"> Lexus </option>

                <option value="Lexus Truck"> Lexus Truck </option>

                <option value="Lincoln"> Lincoln </option>

                <option value="Lincoln Truck"> Lincoln Truck </option>

                <option value="Mazda"> Mazda </option>

                <option value="Mazda Truck"> Mazda Truck </option>

                <option value="Mercedes Benz"> Mercedes Benz </option>

                <option value="Mercedes Benz Truck"> Mercedes Benz Truck </option>

                <option value="Mercury"> Mercury </option>

                <option value="Mercury Truck"> Mercury Truck </option>

                <option value="Mini"> Mini </option>

                <option value="Mitsubishi"> Mitsubishi </option>

                <option value="Mitsubishi Fuso"> Mitsubishi Fuso </option>

                <option value="Mitsubishi Truck"> Mitsubishi Truck </option>

                <option value="Nissan-Datsun"> Nissan-Datsun </option>

                <option value="Nissan-Datsun Truck"> Nissan-Datsun Truck </option>

                <option value="Oldsmobile"> Oldsmobile </option>

                <option value="Oldsmobile Truck"> Oldsmobile Truck </option>

                <option value="Peugeot"> Peugeot </option>

                <option value="Plymouth"> Plymouth </option>

                <option value="Plymouth Truck"> Plymouth Truck </option>

                <option value="Pontiac"> Pontiac </option>

                <option value="Pontiac Truck"> Pontiac Truck </option>

                <option value="Porsche"> Porsche </option>

                <option value="Renuault"> Renuault </option>

                <option value="Saturn"> Saturn </option>

                <option value="Subaru"> Subaru </option>

                <option value="Suzuki"> Suzuki </option>

                <option value="Suzuki Truck"> Suzuki Truck </option>

                <option value="Saab"> Saab </option>

                <option value="Scion"> Scion </option>

                <optio

    Page URL:
    https://www.autorepairhelp.us/ask-a-technician/

    Screenshot
    font site PayPal logo
  • Profile Image

    Answered by AutoRepairHelpUS on December 27, 2014 at 04:16 PM

    I see Supernova in code but I have set to default ? I am really confused ?

     

    I am trying to comment but will not show my new comments to you

     

    yes that is the link - by the way this is the only way to answer you

     

      

  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on December 27, 2014 at 10:26 PM

    Is this the form you are talking about http://www.jotform.co/form/33541663856865 ?

    If so, can you please tells in brief what is the site you ware trying to match with?  You can use the source code, but if you perform major changes out of the hosted version in your Jotform account, then our support might be limited, unless yo share with us the link of your site where the form should be embedded.

    We await for your comments.

  • Profile Image

    Answered by AutoRepairHelpUS on December 28, 2014 at 12:21 AM

    Jeanette, I have tried to answer your question in chrome now trying Firefox. Yes, that is the link.

  • Profile Image

    Answered by AutoRepairHelpUS on December 28, 2014 at 12:25 AM

    I see my post is now working - Chrome does not---I need to use the long source code for SEO reasons. As you can see in the https://www.autorepairhelp.us/ask-a-technician/

    The form is not lining up with pricing I am sure there is a way to get everything in line with out using the WordPress code. No description will show.

     

    Thank you for the help

     

    Lee Davidian, Sr.

     

  • Profile Image

    Answered by Ben on December 28, 2014 at 06:34 AM

    Hi Lee,

    I took a look at the website: https://www.autorepairhelp.us/ask-a-technician/

    but the form there is not ours, instead it is a FormSite form within an iframe - not a source code. Please contact FormSite support instead as we can only help you with our own forms.

    Looking at the image above however:

    I see that the issue that is causing this is your sites CSS codes. If you restore our form it would allow us to see the exact codes doing that and give you the right code to cancel it on your jotform.

    If you embed the jotform in an iframe as you did with FormSite form you will see that it will look just as if you go to it directly: http://www.jotform.co/form/33541663856865.

    Do let us know if you decide to switch back to jotform using its source code and we would be more than happy to assist you in setting it up properly.

    Best Regards,
    Ben