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

    Editing the Form Collapse ?

    Asked by thespanishfactory on June 09, 2013 at 08:42 PM

    I would like to know what kind of code i need to inject in order to  change the font colour ONLY in the Collagse Form ?

    And also, who to change the border of the Collapse Form table. Please 

    I just used this code for the font size and it works:

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

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

    .form-collapse-mid {font-size: 14px;} 

    Thanks 

    size font size table font
  • Profile Image

    Answered by EliezerN on June 09, 2013 at 10:22 PM

    Hello, 

    I would love to help you with this, you have to implement the usage of the CSS code. I wonder if you could share with  us the link of your form in order to give you further assistance and  check your form, clone it and do the changes and in that way give you the instructions.

  • Profile Image

    Answered by thespanishfactory on June 09, 2013 at 10:27 PM

    Thank you for your reply.

    This one http://form.jotformpro.com/form/31585457084966

    I just need the proper code, i know how to inject them in the form and all of that :)

     

  • Profile Image

    Answered by EliezerN on June 09, 2013 at 11:00 PM

    Thank you very much!

    To change the Font color by Inject¡ng the next CSS Code:

     

    #collapse-text_5, #collapse-text_6, #collapse-text_17, #collapse-text_21

    {

    color:#FF0000;

    }

    In this case the color will be red but you can find more color values here.

    It will look this way:

    You can check my form here and check the changes: http://support.jotform.com/form/31598817939979

    Let us know if need more clarification.

    About the border what do you need? Do you need me to remove it or change the style? Please let me know and I will be more than glad to assist you.

    Thanks!

  • Profile Image

    Answered by thespanishfactory on June 11, 2013 at 03:21 AM

    Thank you for your reply :)

    And what wbout my other question? How can I customise the border of the form collapse?

    Thanks you in advance 

    http://form.jotformpro.com/form/31585457084966

  • Profile Image
    JotForm Support

    Answered by Morian on June 11, 2013 at 03:33 AM

    Hello! 

    To customise the border, you can inject this code

    .form-collapse-table{

    border:10px solid !important;

    border-color:#FFFFFF !important;

    }

    Of course that is just a sample code and you can change the value of the border's properties to your preference. 

    Let us know if you need further assistance. Thanks!

  • Profile Image

    Answered by thespanishfactory on June 11, 2013 at 03:38 AM

    Hi, I just injected that code but nothing happened..

    The border of the table is still grey and I want to change to #f96e5b 

  • Profile Image
    JotForm Support

    Answered by Morian on June 11, 2013 at 04:00 AM

    Hello! I checked your injected CSS codes and the reason why it didn't work was because the code preceding that was missing a closing bracket "}". Please add that closing bracket right before the code for the form-collapse-table.

    Also please don't forget to include "solid" after the border size. Basically, here's how your code should be:

     

    .form-collapse-table{

    border:1px solid !important;

    border-color:#f96e5b !important;

    } 

    Result:

    Thanks!

  • Profile Image

    Answered by thespanishfactory on June 11, 2013 at 04:06 AM

    Perfect!! THANK YOU SO MUCH :DDD

  • Profile Image
    JotForm Support

    Answered by Morian on June 11, 2013 at 04:09 AM

    You're welcome! =) 

    Just let us know if you need assistance in the future. Thanks!