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

  • Profile Image
    behedwin
    Asked on January 29, 2018 at 08: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?

  • Profile Image
    Jan
    Answered 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.gif

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

  • Profile Image
    behedwin
    Answered on January 29, 2018 at 11:03 AM

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


  • Profile Image
    Jan
    Answered 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.gif

    Hoep that helps. Thank you.