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

    How to hide 'Credit Card' label?

    Asked by robinowsley on January 08, 2015 at 05:21 PM
    3.  Again, this is not a huge deal, but I don't really need the line toward the bottom followed by the words, "Credit Card."  In part because it's a bit redundant since the words "Credit Card Number" are below, but mostly because I don't know how to make the font and size for the words "Credit Card" match the rest of the form.  Strangely, it seems the right color, but it's a different font and size from the rest of the larger labels?  ???  Is there a way to either fix the font and size or just remove the words "Credit Card" entirely?  Whichever is easiest.  
  • Profile Image
    JotForm Support

    Answered by Welvin on January 08, 2015 at 08:39 PM

    Hi,

    To remove the line and the word "Credit Card", inject the following custom CSS codes to the form:

    .form-address-table > tbody > tr > th {

    display: none;

    }

    hr {

    display: none;

    }

     

    To change the Size and Font Family of the word "Credit Card", inject the following custom CSS codes to the form:

    .form-address-table > tbody > tr > th {

    font-family: "Roboto";

    line-height: 26px;

    font-size: 16px;

    font-weight: 500;

    color: #676f7a;

    }

    These codes are the actual codes for the other labels. Inject the codes using the same guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

    Let us know if you need further assistance.

    Thanks