Make text inside the textbox uppercase

  • Profile Image
    Asked on August 30, 2015 at 03:28 AM

    We use a form for personalized embroidery orders.

    Is it possible to force capital letters in a text box?

  • Profile Image
    Answered on August 30, 2015 at 11:33 AM

    If you are planning to make the text uppercase in the all text boxes in your form then you can use this custom CSS code.

    .form-textbox, .form-textarea {
        text-transform: uppercase !important;

    But if you're planning to apply it on 1 textbox only, then here's a guide.

    1. Select the field and then click the gear or options icon. Choose "Show Properties".

    2. Get or copy the field ID (#input_1).

    3. Inject this custom CSS code targeting the field ID.

    #input_1 {
    text-transform: uppercase !important;


    Here's a guide on how to insert custom CSS on your form.

    Hope that helps. Thank you.