Hi there,
How to style borders & change font size in order table?

– I was styling borders & trying to change the font size in the email template. It looks great in Yaymail-builder but when I see it on Gmail, it looks different.

– On the download & order section, font size is set to 20px by CSS…download section looks great even on Gmail, but the order size is not working in Gmail.

– and is there any shortcode for the order item download table…

See Image On Gmail: https://prnt.sc/SR91fITzVo45
This is what I want: https://prnt.sc/TGXMcsNLX6uw

Here’s the code I’ve written, I don’t know if it’s right…please let me know..

.yaymail_order_items_content th{
    font-size: 20px !important;
}
span [data-shordcode="yaymail_customer_username"] {
    text-transform: capitalize;
}
.yaymail_builder_table_items_border.yaymail_builder_table_item_download tfoot tr td:nth-of-type(1) a{
    color: #111 !important;
    text-decoration: none !important;
    pointer-events: none !important;
}
table.yaymail_builder_table_item_download{
    border: 1px solid #000 !important;
}
h2.woocommerce-order-downloads__title {
    font-size: 28px !important;
    color: #d72b3f !important;
}
table.yaymail_builder_table_items_content{
    border: 1px solid #000 !important;
}
.order_item th div a{
    color: #111 !important;
    text-decoration: none !important; 
    pointer-events: none !important;
}
h2.yaymail_builder_link, 
div h2{
  font-size: 26px !important;
    color: #d72b3f !important;
    font-weight: 700 !important;
}
table.yaymail_builder_table_items_border tfoot tr td, table.yaymail_builder_table_items_border thead tr th{
  font-size: 20px !important;
}
.yaymail_builder_instructions {
    color: #1e1e1e !important;
    font-size: 20px !important;
}
.element-text-content p span{
  font-size: 20px !important;
}
.yaymail_order_items_content th {
    border: 1px solid #000 !important;
}
a.web-button{
  font-size: 20px !important;
}