WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce - excelling eCommerce
[resolved] How to make a checkout field taller? (3 posts)

  1. dustydanny
    Member
    Posted 7 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/

  2. dustydanny
    Member
    Posted 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;
    }
  3. dustydanny
    Member
    Posted 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;
    }

Reply

You must log in to post.

About this Plugin

About this Topic