Changing button css working in editor but not on site when embedded, defaults back

  • Collin54111
    Answered on June 21, 2021 04:35 PM

    I added some css to spruce up my buttons, but when I view it on my site (, it defaults back to the original buttons.

  • Jed_C
    Answered on June 22, 2021 01:10 AM

    The link you've shared no longer has the embedded form. Can you please try to re-embed the form and send us a screenshot showing an illustration of the issue. Like which button is affected.


  • Collin54111
    Answered on June 22, 2021 05:26 PM

    When editing on jotform, all the buttons look correct, but when previewing and embedding, the first page button is correct (although padding is off), and all other buttons are not affected. Here is the link to the form in question:

    1624397031 60d254e7425c9 Screen Shot 202 Screenshot 101624397031 60d254e721462 Screen Shot 202 Screenshot 21

  • Jed_C
    Answered on June 22, 2021 08:58 PM

    Thanks for the response. So you want the light blue with a rounded edge button? If so, please add this code into your .form-pagebreak-back and .form-pagebreak-next CSS.

    , .form-submit-button-simple_blue.form-pagebreak-back, .form-submit-button-simple_blue.form-pagebreak-next, .form-submit-button-simple_blue.submit-button


    1624409915 60d2873b976ef  Untitled   Not Screenshot 10

    1624410063 60d287cf0f9f6 The Easiest Onl Screenshot 21