Make Next buttons transparent with white border and white font.

  • transpay
    Asked on July 5, 2015 at 5:44 PM

    can you tell me how I can make the Next page buttons stay consistent with the submit button? (In other words, no white background consuming the entire row, just a simple transparent button with white border and white font.) 

  • David JotForm Support Manager
    Replied on July 5, 2015 at 6:01 PM

    If you want to change from this:

    Make Next buttons transparent with white border and white font Screenshot 30

    To this:

    Make Next buttons transparent with white border and white font Screenshot 41

    Simple inject the following CSS code at the bottom as explained on this guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .form-pagebreak{

      background: transparent;

    }

    .form-pagebreak-next {

      color: white;

      border-color: white;

    }

    If you need anything else, please open a new thread, we will be glad to assist you.

  • David JotForm Support Manager
    Replied on July 5, 2015 at 6:06 PM

    Or maybe if you want it to look like this:

    Make Next buttons transparent with white border and white font Screenshot 20

    Add this line "background: transparent;" to the provided code:

    .form-pagebreak{

      backgroundtransparent;

    }

    .form-pagebreak-next {

      colorwhite;

      border-colorwhite;

     background: transparent;

    }