Is there a way to center the submit button

  • Markus
    Asked on July 22, 2016 at 11:36 AM
    Good morning,
    Yes, it does work now. I had to "save" first before I was able to up load.
    But, another question came up.... Is there a way to arrange or align the "send" button (box) with the email box? I'm actually trying to create an email list for people viewing my web site.
    Thank you, -Markus
  • David JotForm Support
    Replied on July 22, 2016 at 11:40 AM

    If you are trying to adjust the alignment of the submit button, click on the submit button field, then click on the little gear icon in the top right of the field to open its options menu:

    Is there a way to center the submit button Image 1 Screenshot 20

    Change the alignment and save your changes. 

    If there is something else you are trying to change, let us know a bit more detail regarding what specifically you are trying to adjust and we will be happy to help.

    Include a screenshot if possible:

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

  • thatartguy
    Replied on July 22, 2016 at 2:45 PM
    Hello,
    Thank you for sharing how I'm able to align the submit button. I noticed that I'm limited where to locate the submit button: above, below, center top or bottom, bottom left and right. There's no way of dragging the submit button to align with my subscription bar (side by side) so that both are flush horizontally? Both would be across from each other with submit button on right side after viewer types his/her email. Is this possible?
    Thank you, -Markus

    ...
  • victor
    Replied on July 22, 2016 at 3:42 PM

    I'm assuming that you have embedded your form into your site. Can you provide the URL so we may better understand your question. I have reviewed your ARTIST FORM but it is very small and does not have any bars.

  • thatartguy
    Replied on July 22, 2016 at 4:45 PM
    Hello,
    Thanks for helping out. Yes, I have embedded it to my web site already. My web address is: markuswtracy.com.
    ...
  • Boris
    Replied on July 22, 2016 at 6:13 PM

    Yes, we can have more control over the position of any of your form fields by using some custom CSS in your form.

    I see that you have already moved the Submit button to be on the same line as your email field. It currently displays like this:

    Is there a way to center the submit button Image 1 Screenshot 30

    I believe you'd like the Submit button to appear closer to the Email field, so they appear to be aligned next to each other. To do this, we can use the following custom CSS:

    #id_3 { padding-right: 2px; }
    #id_4 { padding-left: 2px; }
    #input_4 { margin-bottom: 0; }

    You can add CSS into your form by following this guide:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Upon adding this CSS to your form, it should display like this:

    Is there a way to center the submit button Image 2 Screenshot 41

    Please try it out and let us know how it goes.

  • thatartguy
    Replied on July 23, 2016 at 10:45 AM
    Hello to you,
    The custom CSS worked. How amazing is that!!
    If I want to put text in my submission, can I do that on my end?

    Thank you! -Markus
    Sent from my iPhone
    ...
  • victor
    Replied on July 23, 2016 at 2:58 PM

    Glad the CSS code provided by my colleague helped. In regards to your other question I have created a new thread that will be answered shortly by our support team.

    https://www.jotform.com/answers/889236

    This is so we do not get confused with your current question and give you the best possible answer.