Unable to get Submit button to reflect changes made in Designer

  • Profile Image
    LoansA2z
    Asked 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

  • Profile Image
    Welvin
    Answered 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