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 can I change style of my submit button?

    Asked by CreekMigration on November 21, 2016 at 03:46 AM

    Hi.

    My Submit button is a salmon colour and no matter what style I select it stays that way and looks silly against the rest of my page. Can you please help?

    Thank you.

    Page URL:
    http://www.creekmigration.com.au/contact.html

    how how can i can can i
  • Profile Image
    JotForm Support

    Answered by olivia on November 21, 2016 at 04:03 AM

    Hi,

    I have checked your form. You were using "Sunset Hair" Theme; that's why, "Change Button Style" was not working on your form.

    You can inject some custom CSS in your form to solve this issue, or you can also remove Sunset Hair Theme from your form. Please have a look at the instructions about these two ways:

    How to inject some custom CSS

    Please inject this custom CSS in your form.

    .form-submit-button {

        background : #000;

    }

    You can follow this guide about how to inject custom CSS Codes in your form: How-to-Inject-Custom-CSS-Codes

     

    How to remove theme from your form

    #1- Click Theme in Setup&Embed tab.

    #2- You can see your "Current Theme" in the coming page. Please click "Remove Theme" to remove it from your form.

     

    After that, "Change Button Style" will be active for your form and you will able to change style of your buttons according to your needs. 

    If you need any further assistance, please feel free to let us know.

    Thank you for your understanding.

  • Profile Image
    JotForm Support

    Answered by olivia on November 21, 2016 at 04:52 AM

    Hi,

    I have updated my previous comment.

    Could you please check it again?

    Thank you.

  • Profile Image

    Answered by CreekMigration on November 21, 2016 at 05:34 AM

    Thanks, and I can see how that might help, but I am concerned that I will make a whole bunch of unintended changes if I do what you suggest and Remove Theme?

  • Profile Image
    JotForm Support

    Answered by owen on November 21, 2016 at 06:40 AM

    Hi,

    My colleague actually provided those solutions as alternatives to each other. You can either inject custom CSS codes or remove the theme. 

    If you can please provide us the colour you'd like with the current theme standing, I can give you the necessary code to make it. If you apply the code that my colleague suggested your submit button will look like this:

    Please let us know the colour by either stating the colour itself or by providing its hexadecimal value. Check this page in order to see the hexadecimal values of colours.

    We will be waiting for your feedback.

    Thank you

  • Profile Image

    Answered by CreekMigration on November 21, 2016 at 07:44 AM
    Hi.
    I had a look at the link you sent me and whilst it was not immediately
    obvious what the "hexadecimal value" of the colour I like was, this is a
    screenshot and it looks like the colour I would like is #333300
    [image: Inline image 1]
    Kathryn Bates *B. Indig. St., GCert Aus Migration Law & Prac, MMIA*
    *PRINCIPAL*
    *CREEK MIGRATION*
    Phone Australia: 0432 660 431 <%2B61%20432%20660%20431>
    Phone International: +61 432 660 431
    Email: advice@creekmigration.com.au
    Registered Migration Agent
    MARN: 1680413
    ...
  • Profile Image
    JotForm Support

    Answered by seth on November 21, 2016 at 07:53 AM

    Hello, I updated your form according to your request. I needed to write '!important' value to the CSS code, that gives style to submit button, to overwrite theme style. Please check your form and turn back to us with the result. 

    Thank you very much.

    Regards.

  • Profile Image
    JotForm Support

    Answered by seth on November 21, 2016 at 07:54 AM

    Here is the result from my side:

  • Profile Image

    Answered by CreekMigration on November 21, 2016 at 08:44 AM
    Ok. Thanks for your suggestion but you are speaking to a non- I.T. person
    here and I have absolutely no idea where to put this suggestion
    Kathryn Bates *B. Indig. St., GCert Aus Migration Law & Prac, MMIA*
    *PRINCIPAL*
    *CREEK MIGRATION*
    Phone Australia: 0432 660 431 <%2B61%20432%20660%20431>
    Phone International: +61 432 660 431
    Email: advice@creekmigration.com.au
    Registered Migration Agent
    MARN: 1680413
    ...
  • Profile Image
    JotForm Support

    Answered by olivia on November 21, 2016 at 09:25 AM

    Hi,

    I have checked your form again.

    It is seen that my colleague already updated your form. Now, your Submit Button color is #333300

    When you check your form, you can see this change on your Submit Button: https://www.jotform.com/63111871288861 

    If it is not your issue, please explain your issue more detailed and please provide some screen shots about your issue.

    Thank you for your asking.

  • Profile Image

    Answered by CreekMigration on November 21, 2016 at 04:44 PM
    Hi. I think it's fine now. Can you please close this case?
    Thank you.
    Kathryn Bates *B. Indig. St., GCert Aus Migration Law & Prac, MMIA*
    *PRINCIPAL*
    *CREEK MIGRATION*
    Phone Australia: 0432 660 431 <%2B61%20432%20660%20431>
    Phone International: +61 432 660 431
    Email: advice@creekmigration.com.au
    Registered Migration Agent
    MARN: 1680413
    ...
  • Profile Image
    JotForm Support

    Answered by EltonCris on November 21, 2016 at 09:09 PM

    Great! glad to hear that this is now resolved. I also fixed your name and phone fields position. They seemed a bit unsightly.

    Should all look good now.

    Cheers!