label background color

  • Profile Image
    tteni-pandok
    Asked on July 10, 2013 at 06:21 AM

    hello i would like to chan label background color

    http://www.jotform.com/?formID=31902376592458

     

    I think its set to white or light grey now, but i would like to change to #A17528 color, can u please give me the code?

     

    Also I may need to change label hover color

    thanks

  • Profile Image
    aytekin
    Answered on July 10, 2013 at 07:18 AM
  • Profile Image
    tteni-pandok
    Answered on July 10, 2013 at 03:34 PM

    Mmm  thanks, but jthat changes only background of the text, i maybe mistyped, i meant in my form the white blocks which now  the text on it  is beige and its not seen bcz the background is white, i would like to change the entire background for the blocks, not only behind the text ...

  • Profile Image
    pinoytech
    Answered on July 10, 2013 at 04:37 PM

    Hi,

    If you want to change form collapse field background color, use this code:

    .form-collapse-table {

    background: #000 !important;

    }

    If you want to change background of the form, use this code:

    .form-all {

    background: #A17528;

    }

    Please take a look at this cloned form how it looks like:

    http://www.jotformpro.com/form/31906423490957

    If you need further assistance, please let us know.

    Thank you!

  • Profile Image
    tteni-pandok
    Answered on July 10, 2013 at 04:44 PM

    Thanks a lot,  that was collapse field :)))

  • Profile Image
    EliezerN
    Answered on July 10, 2013 at 04:52 PM

    I behalf of my collegues let me tell you that it is a pleasure to assist you, we encourage you to contact us at any time you have a question or a need about Jotform functionality.

    Continue enjoying JotForm's services.

     

    Thanks!

  • Profile Image
    tteni-pandok
    Answered on July 10, 2013 at 05:14 PM

    well, now i have collapse text problem, the text color on hover and active , i dont need any change of behavior on hover or active text , but now the text looks overlayed and is dificult to read, also i would like to remove the white break lines under collapse fields

  • Profile Image
    EliezerN
    Answered on July 10, 2013 at 06:07 PM

    To remove the shadow from the text of the collapse insert this code:

    .form-collapse-mid 

    {

    text-shadow:none !important;

    }

    To remove the white line or border from the collapse insert this code:

    .form-collapse-table

    {

    border:none !important;

     

    }

    Here is the form where you can see the changes:

    http://www.jotform.com/form/31907048568967

     

    And this is the whole code your form you needs to have:

    .form-collapse-table

    {

    background: #A17528 !important;

    }

    .form-all

    {

    background: #A17528;

    }

    .form-collapse-table

    {

    background: #000 !important;

    }

    .form-collapse-mid

    {

    text-shadow:none !important;

    }

    .form-collapse-table

    {

    border:none !important;

    }

     

    Plese let us know if this what you want or if you need further assistance.

    Thanks.

  • Profile Image
    tteni-pandok
    Answered on July 10, 2013 at 06:21 PM

    Thanks a lot, you are great!! I just changed a bit the code an its done :))) 

     

    .form-collapse-table{background: #D18819 !important;}.form-collapse-mid{text-shadow:none !important;}.form-collapse-table{border:none !important;}

  • Profile Image
    EliezerN
    Answered on July 10, 2013 at 06:29 PM

    You're welcome

    We are here to help, so don't hesitate to contact us whenever you have a  question.

    Thanks!