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

    How to align both boxes closer to each other?

    Asked by thatartguy on July 25, 2016 at 03:02 AM
    my Subscription box is now further away from the email box. Can you create a CSS code that can align both boxes closer to each other? I want to keep my Times New Roman font please!
    Thank you, -Markus
  • Profile Image
    JotForm Support

    Answered by Chriistian on July 25, 2016 at 03:07 AM

    You can inject the custom css below to move the textbox and the submit button closer together.

    #id_3 {

        padding-right: 5px;

    }

    #id_4 {

        padding-left: 5px;

    }

    You can also change the highlighted value to increase or decrease the padding based on your preference.

  • Profile Image

    Answered by thatartguy on July 25, 2016 at 05:45 PM
    Hello Christian,
    It worked! Both textbox and submit buttom are closer and I love it! However, the text changed! I really like to keep the Times Roman font. Is that possible?
    Thank you, -Markus
    ...
  • Profile Image
    JotForm Support

    Answered by Chriistian on July 25, 2016 at 09:28 PM

    It appears that the previous css code for the placeholder was removed when you added the css for the boxes. Please re-inject the custom css for the placeholder as seen below. Make sure that you do not delete the css code for the boxes when you re-inject the code.

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

    font-family: 'Times New Roman';

    }

    input:-moz-placeholder, textarea:-moz-placeholder {

    font-family: 'Times New Roman';

    }

    Cheers.

  • Profile Image

    Answered by thatartguy on July 26, 2016 at 02:45 AM
    Hello Chriistian,
    You're right, the previous code was removed. That was my mistake. Silly me, I should've kept both the CSS codes together. Anyway, thanks for all your help. You've been so professional and willing to help resolve my web site problems.
    Wishing you well! -Markus
    Sent from my iPhone
    ...
  • Profile Image

    Answered by thatartguy on July 26, 2016 at 06:45 PM
    Chriisten,
    I have a question for you. If you have a moment, can you take a look at my web site at: markuswtracy.com. My CONTACT hyperlink opens up to an email address for you to send me a message. I thought of redesigning my CONTACT web page by using one of your professional contact templates instead of what I currently have. Can I do that? If so, can the new contact template be formatted so that a message would go directly to my markus@markuswtracy.com email address?
    Thank you, Markus Tracy

    ...
  • Profile Image
    JotForm Support

    Answered by Chriistian on July 26, 2016 at 09:15 PM

    Hello Markus. To better assist you with your latest concern, I have moved your question to a new thread. Please follow this link to view it: https://www.jotform.com/answers/891265. Regards.