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

    Geberal question

    Asked by drakeladue on May 15, 2013 at 11:09 PM

    Can you change/reomove the background styling on the heading container and the next/page break container without modifying the source? Also can you remove the "rule" associated as well?  Clinet is requesting the default them for layout but wants a very clean look and feel.

    Page URL:
    http://www.woweyebrows.com/wendover-village.html

    source heading layout next
  • Profile Image

    Answered by dinesh-it on May 15, 2013 at 11:45 PM

    Hi,

    Yes you can remove all those background stylings using custom inject css, inject the following css code to remove those background effects.

    .form-all{

    background: none !important;

    }

    .form-header-group{

    background:none !important;

    }

    .form-pagebreak{

    background: none !important;

    }

     

    inject this css code to the form as follows

    inject custom css

     

    I found that you have already injected a code, now you just append the above code in that box called "Inject Custom CSS" click to edit.

     

    Also you can disable the highlight effect if you need.

     

    disable highlight effect

     

    Hope this solves your problem.

    Feel free to ask for further clarification,

    Thank you.

    -Dinesh

  • Profile Image

    Answered by drakeladue on May 16, 2013 at 12:09 AM
    Thank you but one more question. How about the "rule" under and in the
    heading as well as under the pagebreak. I would like to remove those as
    well. I have already removed the bkg. Worked great but the rule still
    exists
  • Profile Image
    JotForm Support

    Answered by EltonCris on May 16, 2013 at 04:42 AM

    @drakeladue

    Add this on your injected CSS codes. This will remove the gray borders.

    .form-pagebreak, .form-subHeader {

    border-top: 0 !important;

    }

    .form-header-group {

    border-bottom: 0 !important;

    }

    Thanks!