WooCommerce Variations label misaligned

Comments

• Air

  July 2015 Posts: 10,970

  Hello there:-)
  
  This is cause this "clear selection" button is in same row as whole variation. Cause of that last variation label will always be centered across select input and button.
  Easiest would be to remove this button from there, but as I remember it was not possible without complication.
  There is no easy CSS that could fix that but let me take few minutes to try to combine something fancy :-)
  
  With kind regards.
• Air

  July 2015 Posts: 10,970

  Try this custom CSS:

  
  .woocommerce-page #content div.product form.cart .variations td.label{
      vertical-align: top;
  }
  .woocommerce-page #content div.product form.cart .variations label{
      margin-top: 12px;
      display: block;
  }

  With kind regards.
• xrd

  July 2015 Posts: 3

  Works like a charm, thanks for the fast response!