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

  • Collin54111
    Asked on June 21, 2021 at 4:35 PM

    I added some css to spruce up my buttons, but when I view it on my site (unimovers.com/booking-request-beta), it defaults back to the original buttons.

    https://form.jotform.com/211334146806147

  • Jed_C
    Replied on June 22, 2021 at 1: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.

    Guide: https://www.jotform.com/help/438-How-to-Post-Screenshots-to-Our-Support-Forum

  • Collin54111
    Replied on June 22, 2021 at 5: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: https://form.jotform.com/211334146806147

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

  • Jed_C
    Replied on June 22, 2021 at 8: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

    ex.

    1624409915 60d2873b976ef  Untitled   Not Screenshot 10

    answers Screenshot 21