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

    Form Collapse: Change the background with different colors, font color and text size

    Asked by coralsprings954 on March 29, 2013 at 04:59 PM

    Hi,

    I have multiple Form Collapses in my form. How can I make them all diffrent colors without using the Inject CSS feature?

    Thanks

    inject CSS thanks
  • Profile Image

    Answered by sidharth_kch on March 29, 2013 at 05:16 PM

    @coralsprings954

    Please inject this css to change the color of "Form Collapse":

    .form-collapse-table{background:none #2778E3;}

    .form-collapse-mid{text-shadow:none;}

    You can change the BOLD text in above css to color of your choice. Please refer this guide on How to Inject Custom CSS Codes

    Please let us know if you need further assistance.

    Thanks,

    Sidharth

     

  • Profile Image

    Answered by coralsprings954 on April 02, 2013 at 11:51 AM

    Thanks, can I make different colors for certain "Form Collapse"?

    How can I change the text color on the "Form Collapse"?

  • Profile Image

    Answered by jefreylandicho on April 02, 2013 at 12:27 PM

    You will need to get the form collapse ID in order to have a different set of color. Using  Google Chrome Browser, you can right click the form collapse and click Inspect Element to get the ID.

    After getting the ID, add the code in your Custom CSS

    #collapse_50 { background:#000 !important;}

    To change the text color, add this in your Custom CSS Code 

    .form-collapse-mid { color:#fff!important;}

    or to change a certain collapse text color

    #collapse-text_50 { color:#000 !important;}

    If you need further assistance, please contact us again.

  • Profile Image

    Answered by coralsprings954 on April 02, 2013 at 01:38 PM

    Great thanks!

  • Profile Image

    Answered by sidharth_kch on April 02, 2013 at 02:09 PM

    @coralsprings954

    Should you have any questions feel free to contact us again.

    Thanks.

  • Profile Image

    Answered by thespanishfactory on June 09, 2013 at 01:08 PM

    What about change the color and size of the font/tex on the Form Collapse?

    Thanks 

  • Profile Image

    Answered by jeanettebmz on June 09, 2013 at 01:59 PM

    Can you please open a new thread for this new question?

  • Profile Image
    JotForm Support

    Answered by jonathan on June 09, 2013 at 02:04 PM

    @thespanishfactory

    Hi, you could have open a new thread on your own question. We could not know the details (forms, browser, etc) involved since you did not create the original topic. You can easily create your new topic using this link https://www.jotform.com/contact

    I'll just assume you are refering to your Spanish Tuition form.

    You can change the font size of the collapse field using the ff: CSS codes.

    .form-collapse-mid {

    font-size: 12px;

    }

    See the visual for guidance

     

    Hope this help. 

    Thanks.

  • Profile Image

    Answered by Mariam  on January 11, 2016 at 04:08 PM

    Hi everyone, 

    I have a question related to the color of the border.   Look  here is my code 

    <div class="accordion" id="accordion2">

     <div class="accordion-group">

       <div class="accordion-heading">

         <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" target="_blank" href="#collapseOne">

    1. blablabla

         </a>

       </div>

       <div id="collapseOne" class="accordion-body collapse">

         <div class="accordion-inner">

          <style>

     

    table, th, td {

        border : 5px solid black;

        border-collapse: collapse;

    }

    th, td {

        padding: 3px;

    }

    </style>

    </head>

    <body>

     

    <table style="width:100%">

       

    And I cant change the border colour from back into green..  How can I fix this problem, thanks in advance.   (I hope my question is clear :) )

     

     

  • Profile Image
    JotForm Support

    Answered by Chriistian on January 11, 2016 at 09:22 PM

    Hi,

     

    This thread is old. If you have any concerns, please post it in a new thread so we can assist you better. I have moved your concern to another thread so I can help you with your issue. http://www.jotform.com/answers/742057

     

    Regards.