How to make a checkout field taller?

  • Resolved dustydanny

    (@dustydanny)


    11 years, 3 months ago

    Hello,
    I was editing my checkout field and I added a new custom field. The only problem is that this field is going to have more information in it than the other fields.But it isn’t tall enough to show everything. What i would really like to do is make it’s starting height a bit larger and then also giving the user the opportunity to expand the field as you can with the order notes field. How would I go about doing this? Help would be greatly appreciated!

    https://www.ads-software.com/plugins/woocommerce/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter dustydanny

    (@dustydanny)

    Ok so adding this to woocommerce.css made the field taller, but this presents me with another problem. There is only one usable line in the field and pressing enter does not start a new line, it submits the order.

    input#my_field_name.input-text{
height: 200px !important;
}

    Thread Starter dustydanny

    (@dustydanny)

    I have fixed my problem by setting the type as ‘textarea’ in functions.php
    and then putting this in woocommerce.css to determine initial height.

    textarea#my_field_name.input-text{
height: 100px;
}

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to make a checkout field taller?’ is closed to new replies.