How can I edit the Submit button?

  • astrella72
    Asked on April 25, 2015 at 5:56 PM

    I would like to change the color and the position of the get "submit". Where can i do this?

    Jotform Thread 559108 Screenshot
  • Aurora JotForm Support
    Replied on April 25, 2015 at 6:19 PM

    Additional to Syed answer, you may access the Designer option, from the tool bar on top of the screen:

    1 - Open the form on edit mode, click on Designer:

    How can I edit the Submit button? Image 1 Screenshot 50

     

    The following screen will be displayed: click on Submit button

    How can I edit the Submit button? Image 2 Screenshot 61

     

    Scroll down you will see the align options:

    How can I edit the Submit button? Image 3 Screenshot 72

    You are also able to change the Submit button Design and Color clicking the Submit, choose from the template as you please.

    How can I edit the Submit button? Image 4 Screenshot 83

    I hope this helps.

  • astrella72
    Replied on April 26, 2015 at 9:06 AM

     

    Thanks for the two answer. 

    And the designer I know and also tried to edit the submit button there. but it doesn't let me change the color or the position of the text. The rest works find just this two things I can't edit :( 

    Regarding the CSS I think there is general problem. 

    How can I edit the Submit button? Image 1 Screenshot 30

     

    I add this now but still the same:

     

    How can I edit the Submit button? Image 2 Screenshot 41

  • Jan
    Replied on April 26, 2015 at 12:44 PM

    Please add this custom CSS code. Here's a guide how to inject custom CSS.

    .form-submit-button { padding: 4px 10px !important; }

    Hope this works. Thank you.

  • astrella72
    Replied on April 26, 2015 at 12:48 PM

    Thanks Jan, finally it looks how it should :)

     

    If you can tell me how I can change the blue background you are my hero.

     

    How can I edit the Submit button? Image 1 Screenshot 20

  • Jan
    Replied on April 26, 2015 at 1:13 PM

    You can change the background color using the "background" property.

    .form-submit-button { background: red !important; }

    You can change red to a hex color like #FF3333.

  • astrella72
    Replied on April 26, 2015 at 3:00 PM

    It changes in the edit mode but not in the preview:

    How can I edit the Submit button? Image 1 Screenshot 30

     

    How can I edit the Submit button? Image 2 Screenshot 41

  • jonathan
    Replied on April 26, 2015 at 5:29 PM

    I have corrected it on your jotform http://www.jotformeu.com/form/51104740035340

    How can I edit the Submit button? Image 1 Screenshot 20

    Please check again. Let us know if issue persist.

    Thanks.

  • astrella72
    Replied on April 27, 2015 at 5:53 AM

    Now all is fine :)

     

    Thanks a lot for your help!!!

     

    How can I edit the Submit button? Image 1 Screenshot 20

  • Jan
    Replied on April 27, 2015 at 8:20 AM

    We're glad to hear that your issue is now resolved. On behalf of Jonathan and the support team, you are welcome. Let us know if you need any help.

    Thank you.

  • n99999999999
    Replied on April 27, 2015 at 8:24 AM

    can someone answer my question please :( 

     

    http://www.jotform.com/answers/559543-My-Form-s-have-been-disabled-#0

  • Jan
    Replied on April 27, 2015 at 10:28 AM

    @jack and @n999

    Please don't post your inquiry or issues in this thread. This thread is for astrella. You were already answered by ekrem on your respective threads.