How to create a larger next button after a page break?

  • behedwin
    Asked on January 29, 2018 at 8:07 AM

    I would like to have a larger button for my user to use when going from a page-break to next page.


    Like a big centerd button saying "go to next page"

    but when im inserting a page-break there are no option to change the size or the possition of the pagebreak button.


    any advice?

  • Jan
    Replied on January 29, 2018 at 10:54 AM

    I believe you are referring to this form (https://www.jotformeu.com/form/80283408832356).

    If yes, then please use the custom CSS code below to increase the font size and the padding around the page break buttons:

    .form-all .form-pagebreak-back, .form-all .form-pagebreak-next {
    font-size: 25px;
    padding: 11px 21px;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Please take note that the padding will increase the space inside the button. The 11px is the vertical space (top and bottom) while the 21px is the horizontal space (left and right).

    Here's the result:

    1517241220buttonbig Screenshot 10

    Hope that helps. If you have any questions, please let us know. Thank you.

  • behedwin
    Replied on January 29, 2018 at 11:03 AM

    How can i make it so that the first button changes size, not all of them.


  • Jan
    Replied on January 29, 2018 at 12:25 PM

    I understand. Please remove the CSS code I provided above and use this one instead:

    #form-pagebreak-next_78 {
    font-size: 25px;
    padding: 11px 21px;
    }

    Here's the result:

    1517246509buttonbig2 Screenshot 10

    Hoep that helps. Thank you.