Page Break formating> Horizontal Rule?

  • Profile Image
    montsho
    Asked 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.

  • Profile Image
    Jeanette
    Answered 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
    kylamccorkle
    Answered on April 19, 2014 at 06:16 PM
  • Profile Image
    Cesar
    Answered 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
    montsho
    Answered 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
    Carina
    Answered 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
    montsho
    Answered on April 30, 2014 at 02:08 PM

    Eureka! Horizontal line gone! Thanks.

  • Profile Image
    montsho
    Answered 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
    TitusN
    Answered on April 30, 2014 at 04:03 PM

    This should help:

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

    Did that do?

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