How to make a checkout field taller?

  • Resolved dustydanny

    (@dustydanny)


    10 years, 8 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!

    http://wordpress.org/plugins/woocommerce/

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

    (@dustydanny)

    10 years, 7 months ago

    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)

    10 years, 7 months ago

    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.