What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Page Break formating> Horizontal Rule?

    Asked by montsho on March 18, 2014 at 07:21 PM

    I added CSS to remove the gray box from my page breaks. How do I remove the horizontal rule that remains? It's also after the submit button.

    Screenshot
    horizontal rule horizontal
  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on March 19, 2014 at 01:40 AM

    Please add the followig code:

     #cid_60 > div:nth-child(1).form-pagebreak {
    border-top:none;
    }

    If it doesn't help, feel free to come back for more help

  • Profile Image

    Answered by kylamccorkle on April 19, 2014 at 06:16 PM
  • Profile Image

    Answered by Cesar on April 20, 2014 at 12:56 AM

    Please paste (inject) this code on the following field:

    On the Top Toolbar of the Form Builder click on Preferences. On Preferences go to the Form Styles Tab and then paste the code into the Inject Custom CSS field:

    https://shots.jotform.com/cesar/screens/injectcssRSVP.png

     

    Do let us know if you need further assistance. Thank you.

  • Profile Image

    Answered by montsho on April 30, 2014 at 11:53 AM

    Side note: you guys are great. So I added the code but it only removed the horizontal line on the 1st page of my form. It's only a 3 page form. Can you help?

  • Profile Image

    Answered by Carina on April 30, 2014 at 01:18 PM

    Please inject this code using the method previously described:

    #cid_60> div:nth-child(1).form-pagebreak { border-top:none; } #cid_61> div:nth-child(1).form-pagebreak { border-top:none; }

     

    Let us know if we can be of assistance.

  • Profile Image

    Answered by montsho on April 30, 2014 at 02:08 PM

    Eureka! Horizontal line gone! Thanks.

  • Profile Image

    Answered by montsho on April 30, 2014 at 03:05 PM

    I spoke to soon. It's still underneath the submit button on the last page. Any CSS for that?

  • Profile Image
    JotForm Support

    Answered by TitusN on April 30, 2014 at 04:03 PM

    This should help:

    .form-pagebreak {
    border-top: 1px solid transparent;
    }

    Did that do?

  • Profile Image
    JotForm Support

    Answered by TitusN on April 30, 2014 at 04:07 PM

    That should work for all the horizontal lines for all the pages - you may want to remove any other CSS that was meant to do that.

    Let us know.