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

  • Profile Image
    Collin54111
    Asked on June 21, 2021 at 04: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

  • Profile Image
    Jed_C
    Answered on June 22, 2021 at 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.

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

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

    1624397031_60d254e7425c9_Screen Shot 2021624397031_60d254e721462_Screen Shot 202

  • Profile Image
    Jed_C
    Answered on June 22, 2021 at 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

    ex.

    1624409915_60d2873b976ef__Untitled - Not

    1624410063_60d287cf0f9f6_The Easiest Onl