Next/Back Buttons are overlapping

  • Profile Image
    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!

  • Profile Image
    VictoriaKondratenko
    Answered 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.png1516377554Screenshot_5.png

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

    .form-pagebreak-back-container {

      width: 70px !important;

    }

    1516377828Screenshot_6.png

     

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

  • Profile Image
    BJoanna
    Answered 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