WordPress.org

Support

Support » Plugins and Hacks » [Resolved] How to make a checkout field taller?

[Resolved] How to make a checkout field taller?

  • dustydanny
    Member

    @dustydanny

    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)
  • dustydanny
    Member

    @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;
    }

    dustydanny
    Member

    @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 ‘[Resolved] How to make a checkout field taller?’ is closed to new replies.