CSS not showing in Preview or Live

  • Profile Image
    Krissie
    Asked on March 29, 2018 at 12:18 PM

    Hi,

    My CSS code for Next page button styling isn't carrying over into Preview mode, or Live. It shows just fine in the Designer though. 

    Page URL: https://www.jotform.com/build/80865148939270

  • Profile Image
    ConceptShareMarketing
    Answered on March 29, 2018 at 12:19 PM

    Sorry - Here's the custom CSS: 

    .form-pagebreak-next {

        background : #0081c3;

        border-radius : 10px;

        padding : 20px 75px 20px 75px;

        font-size : 14px;

        box-shadow : none;

    }

  • Profile Image
    david
    Answered on March 29, 2018 at 01:26 PM

    The theme applied to the form is overriding the CSS.  It is possible to add !important tags to ensure the CSS applied is what is used:

    .form-pagebreak-next {
        background : #0081c3 !important;
        border-radius : 10px !important;
        padding : 20px 75px 20px 75px !important;
        font-size : 14px !important;
        box-shadow : none !important;
    }

    Here is how the form would look updated:

    https://form.jotform.com/80875609921971

  • Profile Image
    ConceptShareMarketing
    Answered on March 29, 2018 at 01:27 PM

    Ahhhhh. Okay great, thanks, David!