Next/Back Buttons are overlapping

  • AVMAConvention
    Asked on January 19, 2018 at 10:18 AM

    These buttons are overlapping on my form. I cannot figure out how to space them out. I have tried to remove them all together and replace them but that has not worked.


    Please help! Thanks!

    Jotform Thread 1354856 Screenshot
    Page URL: https://form.jotform.com/80158759090968
  • VictoriaKondratenko
    Replied on January 19, 2018 at 11:04 AM

    That is because of the width of a div that includes "Back" button. As you can see, it is set to 24px.

    1516377543Screenshot 4 Screenshot 101516377554Screenshot 5 Screenshot 21

    Until the team reports a bug you can use this code to fix the problem:

    .form-pagebreak-back-container {

      width: 70px !important;

    }

    1516377828Screenshot 6 Screenshot 32

     

    There is a hint How-to-Inject-Custom-CSS-Codes.

  • BJoanna
    Replied on January 19, 2018 at 12:15 PM

    @AVMAConvention

    The theme of your form is causing this issue. It has some built-in CSS code that is causing the overlapping of the page break buttons. 

    Add the CSS code VictoriaKondratenko provided to resolve this issue. I added the CSS code to my cloned form. Here is my form: https://form.jotform.com/80185030346954 

    Feel free to test it and clone it.