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

    Can I change the color of the outline on the collapse bar?

    Asked by JeffreyMurrayPhotography on March 27, 2012 at 04:05 PM
  • Profile Image
    JotForm Support

    Answered by jonathan on March 27, 2012 at 04:59 PM

    Hi,

    You can do this by CSS inject method. I checked your form, and see some CSS already included. I think in your form you have to change the #collapse_6.

    Please try putting these in the CSS.

    #collapse_6 {background-color:#000000; background-image:none; }

     

    Hope this help. Thanks.

  • Profile Image

    Answered by JeffreyMurrayPhotography on March 27, 2012 at 05:18 PM

    Thanks but i must be doing something wrong as it hasnt worked.  What do you mean about the #collapse_6?

  • Profile Image

    Answered by JeffreyMurrayPhotography on March 27, 2012 at 05:19 PM

    I already changed the color of the bar but now i want to change the white outline.

  • Profile Image
    JotForm Support

    Answered by jonathan on March 27, 2012 at 05:36 PM

    Hi,

    The #collapse_6 is the exact ID number of the collapse field. And I think you figured it out already since your form collapse fields are now custom colored.
    Now, for the white outline... we just have to look for the ID or class name of that. Please wait I'll track it also.

  • Profile Image
    JotForm Support

    Answered by jonathan on March 27, 2012 at 05:44 PM

    Hi,

    Please try applying the class form-input-wide. Something similar to this.

    .form-input-wide {background-color:#000000; background-image:none;}

    Please inform us if this sorted it out.

    Thanks.

  • Profile Image

    Answered by JeffreyMurrayPhotography on March 27, 2012 at 05:51 PM

    I entered   .form-input-wide {background-color:#000000; background-image:none;} into my css with no results...

  • Profile Image
    JotForm Support

    Answered by jonathan on March 27, 2012 at 06:04 PM

    Yes, you are correct.
    Probably better if you remove that for now since it is not working and it actually will affect also some input box, just so happened that your input box are same bg color reason, it was not noticeable. I try figure it out also. No worry though, I have colleagues here who are better in CSS than me. They'll give us solution as soon us they see this.

    Thank you for patience. Lets just wait a while.

  • Profile Image

    Answered by JeffreyMurrayPhotography on March 27, 2012 at 06:07 PM

    awesome. ill be waiting. Thx

  • Profile Image
    JotForm Support

    Answered by jonathan on March 27, 2012 at 06:49 PM

    Hi,

    I figured it out. its the border part. I did something like this.

    .form-collapse-table {
    background:none;
    border:none;
    outline:none
    }

    The outline need not be included. Just the border part and the outline is not visible anymore in your form.

    Please check it out. Thanks.

  • Profile Image
    JotForm Support

    Answered by Mike_T on March 27, 2012 at 06:54 PM

    You can also use a border-color CSS property to change the outline color on the collapse bar.

    .form-collapse-table {
    background:#1C1C1C;
    border-color:black;
    }

    Thank you for using our services.

  • Profile Image

    Answered by JeffreyMurrayPhotography on March 27, 2012 at 07:58 PM

    perfect thanks!