Hide Elements of Order Table

How to use CSS to hide column/row/section of the order details table

If you want to hide these elements of order details table, please add CSS below into Custom CSS to make it work.

In YayMail editor > Settings, enable Custom CSS, and add the CSS snippets provided.

Quantity:

.yaymail_item_quantity_title,
.yaymail_item_quantity_content {
display: none !important;
}

Price:

.yaymail_item_price_title,
.yaymail_item_price_content {
display: none !important;
}
.yaymail_element_foot_order_item {
display: none !important;
}

Subtotal

.yaymail_item_subtoltal_title_row {
display: none !important;
}

Shipping

.yaymail_item_shipping_title_row {
  display: none !important
}

Tax

.yaymail_item_tax_row {
display: none !important;
}

Payment method:

.yaymail_item_payment_method_title_row {
display: none !important;
}

Total:

.yaymail_item_total_title_row {
display: none !important;
}

Last updated