Fields on the form are not displaying correctly

  • Profile Image
    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

  • Profile Image
    Kiran
    Answered on March 22, 2018 at 06: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.png

    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!

  • Profile Image
    leadsforpros
    Answered 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

  • Profile Image
    BDAVID
    Answered on March 22, 2018 at 11:50 AM

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

    1521733763padding.png

    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.

  • Profile Image
    leadsforpros
    Answered on March 22, 2018 at 12:14 PM

     1521735181chrome_2018-03-21_23-39-22.png


    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 .

  • Profile Image
    BDAVID
    Answered on March 22, 2018 at 01: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.gif