Hi there…
Thank you so much for this feature…but I’ve already fixed that with CSS.
But now I’m facing some issues;
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.
– 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;
}