How can I change style of my submit button?

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.

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.

Hi,

I have updated my previous comment.

Could you please check it again?

Thank you.

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?

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

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
...

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.

Here is the result from my side:

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
...

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.

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
...

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!