Eliminate form borders and heading bottom border

  • Profile Image
    AgilityAssoc.Canada
    Asked on July 03, 2018 at 12:31 PM

    Hi,

    I have 3 forms I use for iframe widget. When they appear their outside borders and headings bottom border interfere with the main forms appearance. For example form 81794819759984. I tried .form-all: border:0 and .form-all: border: 1px solid transparent, but neither worked, what I didn't try and just thought of now, was adding !important to the end of the code. Would that work.



    1530635447borders.png


    Thanks, Robert

  • Profile Image
    BDAVID
    Answered on July 03, 2018 at 12:44 PM

    Please try injecting the following CSS code to remove those borders: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    .form-all{

        box-shadow: none !important;

    }

    Let us know if you need more help.

  • Profile Image
    BDAVID
    Answered on July 03, 2018 at 12:47 PM

    And inject this code to remove the border of the header:

    .form-header-group {

        border: none !important;

    }

  • Profile Image
    AgilityAssoc.Canada
    Answered on July 03, 2018 at 01:11 PM

    Great, I had the header-group figured out just before up answered but I was struggling with the form-all part. Yes it all works for me now...

    many thanks Robert

  • Profile Image
    BDAVID
    Answered on July 03, 2018 at 01:13 PM

    You are welcome! :-)