title: Hide WooCommerce thank you page order details
body: <p>After placing an order in my WooCommerce store the customer gets redirected to a thank you (order-received) page. </p>
  
  <p>I want to hide all of the details generated by WooCommerce on that page so that it only shows the custom content I have displayed at the top of the page. </p>
  
  <p>I have tried using some custom CSS <code>display:none;</code> but there are not any appropriate selectors to select.</p>
  
  <p>How do I hide the: </p>
  
  <ol>
  <li>Order details</li>
  <li>Customer details</li>
  <li>Billing address</li>
  <li>Order number</li>
  <li>date</li>
  <li>total</li>
  <li>payment method</li>
  </ol>
  
  <p><a href="https://i.stack.imgur.com/tKPj0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tKPj0.png" alt="enter image description here"></a></p>