Submit button centered in edit mode, left aligned when published

  • Profile Image
    matthewread
    Asked on June 04, 2020 at 08:17 PM

    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?

  • Profile Image
    roneet
    Answered on June 04, 2020 at 11:51 PM

    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.