-
behedwinAsked 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?
-
JanReplied 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:
Hope that helps. If you have any questions, please let us know. Thank you.
-
behedwinReplied on January 29, 2018 at 11:03 AM
How can i make it so that the first button changes size, not all of them.
-
JanReplied 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:
Hoep that helps. Thank you.