How to style Section Collapse tool?

  • Profile Image
    rtolmach
    Asked on December 19, 2017 at 03:00 AM
    Hi Jotform
    Thanks.
    I know a bit about the Section Collapse tool. Is it possible to style it? It is big and bulky.
    If it requires CSS, do you have any code available for that? We are not techies.
    Thanks!
    Robert

    Robert Tolmach
    Co-Founder
    ChangingThePresent.org
    rtolmach@ChangingThePresent.org
  • Profile Image
    ashwin_d
    Answered on December 19, 2017 at 03:10 AM

    Yes it is possible to inject custom css code in form to style Section Collapse tool. I am not sure how exactly you want to style the Section Collapse tool. Do you want to change the height and width to make it small?

    Please inject the following custom css code in form to change the height and width of Section Collapse tool:

    .form-collapse-table {

        height: 40px !important;

        margin: 1px 89px 0px 57px !important;


    }

    .form-collapse-mid {

        font-size: 16px !important;

        margin: 11px 45px 16px 20px !important;

    }

    .form-collapse-right {

        right: 0px !important;

        height: 39px !important;

        width: 40px !important;

    }

    The following guide should help you how to inject custom css code in form:   https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Do get back to us if you need any other changes in Section Collapse tool and we will help you with the required custom css code.