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

    Unable to get Submit button to reflect changes made in Designer

    Asked by LoansA2z on July 11, 2015 at 02:25 AM

    This is for my form HI5. I have changed the Button to a Red with Rounded corners and a Green Font color.  When I am in Button Design mode, All looks good, but when I preview the Form, Everything looks great, except the Submit button does not reflect the changes made and saved in desinger.  What step am I missing?

    Thanks

    Screenshot
    designer in to get font color font preview saved
  • Profile Image
    JotForm Support

    Answered by Welvin on July 11, 2015 at 05:59 AM

    That is because of the custom CSS codes that are injected in the form. The custom CSS codes override the Form Designer styles. You have to remove the custom CSS codes if you want to use the designer.

    Click "CSS" tab and remove the following custom CSS codes:

    .form-submit-button {

        border : 1px solid #d5ab3e !important;

        border-radius : 3px!important;

        font-weight : bold!important;

        height : 45px !important;

        width : 180px !important;

        background : #d5ab3e !important;

        font-size : 16px;

        text-shadow : none;

        box-shadow : none;

        color : #fff;

    }

     

    .form-submit-button:hover {

        border : 1px solid #000 !important;

        border-radius : 3px!important;

        font-weight : bold!important;

        height : 45px !important;

        width : 180px !important;

        background : #000 !important;

        font-size : 16px;

        text-shadow : none;

        box-shadow : none;

        color : #fff;

    }

    Thanks