Fields on the form are not displaying correctly

  • leadsforpros
    Asked on March 21, 2018 at 11:41 PM

    i can see the field text while i am editing , but on my site and when i preview the form

    i cant see them .. at all.

    i attached an image how it looks for better explanation , thanks.


    pic is attached , and on editing its has questions before the choosing options. just do not  show them on the preview. please help , thanks

    Jotform Thread 1422509 Screenshot
  • Kiran Support Team Lead
    Replied on March 22, 2018 at 6:15 AM

    I have checked your JotForm http://www.jotform.me/form/80799030465462 and see that the fields are left aligned with no margin. As I clone the form to my account and see that there is some custom CSS code added to the form. Please try changing the padding value to 10 for the class .form-line so that the fields shall be displayed correctly.

    1521713641Selection 122 Screenshot 10

    If the issue still persists, please provide us with the web page URL where the form is embedded so that we can take a look and assist you further.

    Thanks!

  • leadsforpros
    Replied on March 22, 2018 at 10:31 AM

    Hey Kiran i did not embed it yet , https://form.jotform.me/80799030465462 

    i did what u said with the form line and it didnt help sir

  • David JotForm Support Manager
    Replied on March 22, 2018 at 11:50 AM

    I just checked your form, and it is showing the padding:

    1521733763padding Screenshot 10

    Do you want to increase it? You can do it by setting up a number higher than 10px. Let us know if you have more questions.

  • leadsforpros
    Replied on March 22, 2018 at 12:14 PM

     1521735181chrome 2018 03 21 23 39 22 Screenshot 10


    This is How its suppose to look , but for some reason isnt showing the question text , I tried increasing the padding but that did not help , PLEASE SOME ONE HELP ME WITH THIS .

  • David JotForm Support Manager
    Replied on March 22, 2018 at 1:10 PM

    What is preventing your questions labels from being displayed, is the following CSS code you have injected:

    .jotform-form .form-label {

        display: none;

    }

    Please remove it, example:

    1521738596remove Screenshot 10