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

  • Profile Image
    Asked on March 29, 2013 at 04:59 PM


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


  • Profile Image
    Answered on March 29, 2013 at 05:16 PM


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

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


    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.




  • Profile Image
    Answered 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 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 on April 02, 2013 at 01:38 PM

    Great thanks!

  • Profile Image
    Answered on April 02, 2013 at 02:09 PM


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


  • Profile Image
    Answered on June 09, 2013 at 01:08 PM

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


  • Profile Image
    Answered on June 09, 2013 at 01:59 PM

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

  • Profile Image
    Answered on June 09, 2013 at 02:04 PM


    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

    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. 


  • Profile Image
    Answered 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



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

         <div class="accordion-inner">



    table, th, td {

        border : 5px solid black;

        border-collapse: collapse;


    th, td {

        padding: 3px;






    <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
    Answered on January 11, 2016 at 09:22 PM



    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.