back-next button padding mobile

  • Profile Image
    ipunt
    Asked on August 04, 2017 at 07:19 PM

    Hello,

     

    On mobile view the back-next buttons are visually connected.

     

    Any CSS to get some padding done?

     

     

  • Profile Image
    EltonCris
    Answered on August 05, 2017 at 12:27 AM

    Add this CSS code to your form. This should add a spacing between them.

    @media only screen and (max-width: 40em){

    .form-pagebreak-back-container {padding-bottom: 10px;}

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Result:

  • Profile Image
    Ivo 
    Answered on August 07, 2017 at 12:37 PM

    Thanks but it doesn't seem to work. 

     

    Can you have another look at it?

     

     

     

  • Profile Image
    Kevin_G
    Answered on August 07, 2017 at 02:10 PM

    The reason why it did not work is due to a conflict between the existing code applied to the page break buttons, please try adding the "!important" rule to the code in order to override the other CSS code. 

    Example:

    @media only screen and (max-width: 40em){

    .form-pagebreak-back-container {padding-bottom: 10px !important;}

    }

    I hope this helps.