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

    Address CSS

    Asked by cgnz on May 17, 2012 at 08:46 PM

    Hi.

    What is the CSS to change the text in the address field. I wouldlike it to be the same as my other fields and for the "label" tect to be white.

    My current CSS is as follows.

    Cheers!

    -----------------------------------------------------------------------------------------------------------------------

    .form-matrix-values .form-textbox {width: 180px;font-size: 9px;background-color:#ffffff;font-family: Verdana;font-weight: normal;font-color: black;border-style: none; padding-left: 1px;padding-right: 1px;}.form-matrix-column-headers {font-size: 10px;background-color:#3b5998;font-family: Verdana;font-weight: bold;font-color: black;border-style: none;}.form-matrix-row-headers {font-size: 10px;background-color:#3b5998;font-family: Verdana;font-weight: bold;font-color: black; border-style: none }.form-header-group{

    background-color:#3b5998;color:white;}.form-matrix-values {background:transparent !important;}.form-matrix-values .form-textbox {width: 100% !important;}

    .form-collapse-table {

    background:none grey;

    }

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

    text-shadow:none;

    background: grey;}

    Screenshot
  • Profile Image

    Answered by jeanettebmz on May 17, 2012 at 10:15 PM

    Hi again!

    Please inject the following CSS code:



    LABEL#sublabel_addr_line1.form-sub-label{
    color:#ffffff!important;
    }
    LABEL#sublabel_addr_line2.form-sub-label{
    color:#ffffff!important;
    }
    LABEL#sublabel_city.form-sub-label
    {
    color:#ffffff!important;
    }
    LABEL#sublabel_state.form-sub-label
    {
    color:#ffffff!important;
    }
    LABEL#sublabel_postal.form-sub-label
    {
    color:#ffffff!important;
    }
    LABEL#sublabel_country.form-sub-label
    {
    color:#ffffff!important;
    }

     

    I made a clone of your form with the desired changes here,  if you will feel free to clone it  and to look for more assistance if you need it 

    =)

    Jeanette

  • Profile Image

    Answered by cgnz on May 17, 2012 at 11:53 PM

    Jeanette.

    You are a star. Apologies for the barrage of support queries but with support as good as you are providing it is hard not to put my hand when I can't figure something.

    BTW: I didn't know what CSS was 6 days ago. Jotform has taught me everything I know!

     

  • Profile Image

    Answered by jeanettebmz on May 18, 2012 at 12:33 AM

    Good to hear you are completely satisfied with our service and that your form is now working ok. 

    I think everybody does learn here =)  . Life is a never ending learning

    Feel free to always look for support, either myself or my other colleagues will kindly assist you.

    Thank you for choosing Jotform and I hope you stay with us for a long time!

     

    Best regards!

    Jeanette