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;
}
Item variants/attributes:
.wc-item-meta {
display: none !important;
}
Price:
.yaymail_item_price_title,
.yaymail_item_price_content {
display: none !important;
}
Footer order table:
.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
Was this helpful?