How to align both boxes closer to each other?

  • thatartguy
    Asked on July 25, 2016 at 3: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
  • Chriistian Jotform Support
    Replied on July 25, 2016 at 3: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.

    How to align both boxes closer to each other? Image 1 Screenshot 20

  • thatartguy
    Replied on July 25, 2016 at 5: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
    ...
  • Chriistian Jotform Support
    Replied on July 25, 2016 at 9: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';

    }

    How to align both boxes closer to each other? Image 1 Screenshot 20

    Cheers.

  • thatartguy
    Replied on July 26, 2016 at 2: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
    ...
  • thatartguy
    Replied on July 26, 2016 at 6: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

    ...
  • Chriistian Jotform Support
    Replied on July 26, 2016 at 9: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.