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

  • Profile Image
    JeffreyMurrayPhotography
    Asked on March 27, 2012 at 04:05 PM
  • Profile Image
    jonathan
    Answered 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
    JeffreyMurrayPhotography
    Answered 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
    JeffreyMurrayPhotography
    Answered 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
    jonathan
    Answered 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
    jonathan
    Answered 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
    JeffreyMurrayPhotography
    Answered 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
    jonathan
    Answered 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
    JeffreyMurrayPhotography
    Answered on March 27, 2012 at 06:07 PM

    awesome. ill be waiting. Thx

  • Profile Image
    jonathan
    Answered 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
    Mike_T
    Answered 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
    JeffreyMurrayPhotography
    Answered on March 27, 2012 at 07:58 PM

    perfect thanks!