Submit button centered in edit mode, left aligned when published

Hi,

I recently applied a new theme to my form, and want the submit button centered.

When I'm in edit mode, I can see it is centered, however when I go to fill the form out it is left aligned.

I've tried to play with the CSS but can only seem to get it to be left or right aligned.

And my second question - I found a theme I liked and have applied it, but made a number of changes to it in the advanced designer using the GUI - I didn't use my own CSS. Is there a way I can save my style as it's own theme to easily apply it to my other forms?

Please inject the following CSS in your form to center align the submit button:

.form-submit-button {
    position: relative;
    left:40%;
}

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

Yes, you can save the form as a theme. Go to our Theme Store to do that;

https://www.jotform.com/theme-store/ or My Themes page https://www.jotform.com/mythemes.

Clicking the New Theme button in My Themes page should allow you to select the base theme and save it as private or public.

To apply the theme on your other forms, please follow the steps here https://www.jotform.com/help/184-How-to-Apply-a-Theme-to-Your-Form. 

Thanks.