Remove text-transform from forms

  • Resolved grafixNZ

    (@grafixnz)


    10 years, 2 months ago

    Hello,

    The theme I am using had all the text in the forms capitalized. I have removed it from the checkout forms with this css

    .woocommerce-billing-fields input {
    text-transform: none !important;
    }

    but I still have the issue with the login/registration form and the Address input forms on the “my Account” page.

    I couldn’t figure out what to use, can anyone suggest something?

    website: http://www.wholesalehemp.co.nz

    Many thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • catacaustic

    (@catacaustic)

    10 years, 2 months ago

    That’s because those fields aren’t covered with the woocommerce-billing-fields selector.

    You can either add all of the fields in there using their own selectors, or do an overall one by setting that for every input element.

    input {
    text-transform: none !important;
}
    catacaustic

    (@catacaustic)

    10 years, 2 months ago

    And I have to agree… I don’t know what the themes author was thinking by making every field upper-case only. That’s some bad UI design there. 🙂

    Thread Starter grafixNZ

    (@grafixnz)

    10 years, 2 months ago

    Thank you catacaustic, that worked perfectly. I got that first bit of code from the developer, don’t know why they made it specific to the billing fields.

    Again, thank you.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Remove text-transform from forms’ is closed to new replies.