How to make "preview before submit" widget button look like other buttons within a form?

  • Charlesobi
    Asked on August 24, 2017 at 2:53 PM

    Please, I have an issue with my "preview before submit" widget button. The back and next button look totally different from the rest of the buttons. 

    This is the form's link: 

    https://form.myjotform.com/61965333413556

     

    Please, how do I correct this? Thanks hoping for your helpful reply.

  • Kiran Support Team Lead
    Replied on August 24, 2017 at 4:00 PM

    Please inject the following CSS code to the form to change the button style in Preview before submit widget.

    #input_26, #backToForm {

        color: #ffffff !important;

        background: #cc0033;

        box-shadow: none;

        text-shadow: none;

        font-family: "Quattrocento Sans", sans-serif;

        font-size: 16px;

        font-weight: normal;

        border-radius: 0px;

        height: 40px;

    }

    With the above code injected to the form, the buttons should be displaying as below.

    How to make preview before submit widget button look like other buttons within a form? Image 1 Screenshot 20

    Hope this information helps! 

  • Charlesobi
    Replied on August 25, 2017 at 6:16 AM

    Great. The button is now looking great.

    Thanks for your assistance. 

  • Ashwin JotForm Support
    Replied on August 25, 2017 at 9:17 AM

    Hello Charlesobi,

    I am glad to know that your issue is resolved. 

    Do get back to us if you have any questions.

    Thank you!