ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• July 11, 2016 at 3:07 pm #280500
  graphicsbite

  Member

  As you can see in the attached image, the styling for the product variations is messed up on the checkout page.

  It shows the answers to the variations all on the same line, rather than in line with their variation choice.

  Thanks
  Gary

  Attachments:

  You must be logged in to view attached files.
  July 12, 2016 at 8:46 am #280634
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .woocommerce td.product-name dl.variation dt, .woocommerce td.product-name dl.variation dd {
      line-height: 22px !important;
      float: left !important;
  }
  
  #order_review table.shop_table td.product-name {
      width: 175px !important;
  }

  Thanks
  Mohammad

• Back to forum

  Posted in: Neighborhood