How can I place the Page Break buttons on the same line and adjust the distance between them?

  • hilltopkennels
    Asked on March 2, 2018 at 9:01 AM

    The 2 buttons are 80pixels x 40pixels, I'd like them positioned centrally on the page but spaced approx 100pixels apart. Currently they're on separate lines but I'd like them on the same row.

    Jotform Thread 1402775 Screenshot
    Page URL: https://eu.jotform.com/hilltopkennels/bookonline
  • Support_Management Jotform Support
    Replied on March 2, 2018 at 11:06 AM

    Please inject these CSS codes to your FORM BUILDER:

    .form-pagebreak-back-container, .form-pagebreak-next-container {

        float: left !important;

    }

    .form-pagebreak {

        margin: 0 150px !important;

        border: none !important;

    }

    Complete guide: How-to-Inject-Custom-CSS-Codes

    Result:

    How can I place the Page Break buttons on the same line and adjust the distance between them? Image 1 Screenshot 20

    If you need to adjust the distance between them, feel free to adjust the margin value (in px) upon your discretion. Higher values will move them closer, and vice versa.