Help formatting custom checkout input field

  • Resolved maball54

    (@maball54)


    9 years ago

    Hello all.

    I’m trying to use this code to add a checkbox to my WooCommerce checkout page. It works, but looks terrible. I’ve tried a lot of trial and error to fix it, with no luck. This problem is a bit beyond my ability.

    To see this, go to http://www.mumsvapes.com, select any product, view cart, and select proceed to checkout. Sorry, I can’t link directly to the checkout page without an item in the cart.

    The custom checkbox is the “Warranty” checkbox. I’m just also noticing the standard WooCommerce “create account” checkbox is formatted pretty poorly as well.

    Any help would be greatly appreciated. Note that I did change the hook from ‘woocommerce_after_order_notes’ to ‘woocommerce_after_checkout_billing_form’ in order to move this to the left side of the page.

    Thanks for reading

    https://wordpress.org/plugins/woocommerce/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter maball54

    (@maball54)

    9 years ago

    Edit: Trying to use This code

    lorro

    (@lorro)

    9 years ago

    Try this at Wootique > Settings > General Settings > Custom CSS:

    #my_checkbox_field, .create-account {width:300px}
#my_checkbox, #createaccount {width: 15px}
.create-account label {display:inline-block}

    Thread Starter maball54

    (@maball54)

    9 years ago

    Thank you very much lorro. Saved the day 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Help formatting custom checkout input field’ is closed to new replies.