Geberal question

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

  • Profile Image
    dinesh-it
    Answered 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
    drakeladue
    Answered 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
    EltonCris
    Answered 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!