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

  • Profile Image
    hilltopkennels
    Asked on March 02, 2018 at 09: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.

  • Profile Image
    Jim_R
    Answered on March 02, 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:

    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.