Text stands in pictures on form

  • zapin
    Asked on February 13, 2017 at 2:06 PM

    Text/checkbox is standing within pictures on my form, hasn`t been a problem earlier but it is now, anyway to fix this ?

  • David JotForm Support
    Replied on February 13, 2017 at 3:26 PM

    I checked your form and none of the textboxes or check boxes are interfering with the images:

    Text stands in pictures on form Image 1 Screenshot 20

    If you wouldn't mind providing a screenshot of what you are seeing on your end, we will be happy to have another look:

    https://www.jotform.com/answers/414264-How-to-include-screenshot-image-in-the-support-forum

  • zapin
    Replied on February 14, 2017 at 2:44 AM

    This is how it looks when I see the form on computer.

    Text stands in pictures on form Image 1 Screenshot 20

  • Nik_C
    Replied on February 14, 2017 at 5:35 AM

    Could you please let us know on which device are you viewing your form. I checked on my computer and I wasn't able to replicate this issue. Even on a mobile phone is showing fine.

    Text stands in pictures on form Image 1 Screenshot 30 Text stands in pictures on form Image 2 Screenshot 41

    I tested on Chrome, Safari on my Mac, and on phone simulators for iPhone 5,6,6S.

    We'll wait for your response.

    Thank you!

  • zapin
    Replied on February 26, 2017 at 6:21 AM

    I´m using Chrome, and it is only on pc version I got the problem, on phone it`s working as it should. On pc It only moves text and check box on the first product, rest stands in picture.

     

     

  • David JotForm Support Manager
    Replied on February 26, 2017 at 10:53 AM

    Is this the form you are referring to? https://form.jotformeu.com/70074519637359 

    I just checked it in my laptop, using Chrome, Firefox, and IE browsers, and everything is showing fine.

    Text stands in pictures on form Image 1 Screenshot 20

    What operating system, and browser are you using? Let us know if you need more help.

  • zapin
    Replied on February 26, 2017 at 12:46 PM

    I really don`t get that.

    I`ve tested it on windows 7 and on windows 10 operating system, and on both it shows up wrong, with text standing in pictures as the screenshot I´ve sent earlier.

    But now I`ve tried using IE browser, and then it works perfectly, I only get the error when using chrome it seems, and only from pc. But I don`t understand why it doesn`t show when you`re testing it.

     

    I`ve tried it on 3 different machines from chrome browser, and it loads with error everytime for me. 

  • Nik_C
    Replied on February 26, 2017 at 1:46 PM

    Hello,

    I tested your form in Chrome Browser now and I was able to replicate this problem. So please try to copy and paste this CSS in your Custom CSS field:

    .form-product-container {

      margin-left:2%;

    }

    That worked for me, I tested it in my Chrome Browser several times and it worked ok.

    Let us know how it worked for you.

    Thank you!

  • zapin
    Replied on February 26, 2017 at 2:00 PM

    Thank you for your help, the css code solved the problem.