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

    Text block overlaps area of the background image.

    Asked by charitychallenge on March 25, 2015 at 08:14 PM

    Please view this form in Google Chrome and you should see the problem in a a few of the text blocks (I also just noticed the same issue on IE).

    I don't see the problem when viewing on Firefox (latest version).

    http://www.jotform.com//?formID=50710813087956#

    I've checked CSS and it is empty.

    This problem was noticed by our customer and I have replicated on my computer.

    Latest version of Chrome Version 41.0.2272.101 m (and IE
    11.0.96...)

    Running on Windows 7 Prof.

    Your urgent response would be greatly appreciated.

    Thanks

    Screenshot
    problem block and IE 11
  • Profile Image
    JotForm Support

    Answered by Charlie on March 25, 2015 at 10:23 PM

    Hi,

    You can try declaring a specific width to match the background image.

    Here's the custom CSS code that you can use:

    .form-html {

        max-width : 700px !important;

    }

    .form-line {

        width: 600px !important;

    }

    You can add it inside your Form Designer->CSS Tab.

     

    Here's how it should looked like, please see if this works for you: http://form.jotformpro.com/form/50838516551963?.

    Do let us know if you need more information on this.

    Kind regards.

  • Profile Image

    Answered by charitychallenge on March 25, 2015 at 10:43 PM

    Thank you - I will test, but wondering why I have never noticed this before with other forms and do I now need to add this CSS code to every form I create?

  • Profile Image
    JotForm Support

    Answered by ashwin_d on March 26, 2015 at 12:31 AM

    Hello charitychallenge,

    On behalf of my colleague, you are welcome.

    No you do not have to inject the above custom css code in every forms you create. This issue must be specific with this form caused by some other custom css code.

    Do get back to us if the issue persists.

    Thank you!

     

  • Profile Image

    Answered by charitychallenge on March 26, 2015 at 12:35 AM

    Hmmm

    As I said in my initial query, I checked the CSS and there was no code.

    The only thing I did via the Designer was to add a light blue background, but this did not add any CSS code.

    A bit of a mystery...

     

  • Profile Image
    JotForm Support

    Answered by EltonCris on March 26, 2015 at 01:47 AM

    @charitychallenge

    Apologies for the inconvenience and for the confusion. 

    It is most probably due to the current theme you are using which is the "Pastel Theme". We highly recommend using the default "Nova Theme" when you load your form into the form designer to prevent issues like this. However, of course you can correct it by injecting custom CSS codes if you want to stay with the Pastel Theme.

    Hope this clears your question. Thank you!