Hi everyone, I have an Email Template and I need the top left 2 cells (column 1 rows 1 & 2) (attached photo) to be removed, but I can't get it to work. Any help would be greatly appreciated: <table style="border-collapse: collapse; width: 99.9755%; border: 1px solid rgb(0, 0, 0);" border="1"> <colgroup> <col style="width: 33.3333%;" /> <col style="width: 33.3333%;" /> <col style="width: 33.3333%;" /> </colgroup> <tbody> <tr> <td style="border-color: rgb(0, 0, 0); border-right: none;"></td> <td colspan="2" style="border-color: rgb(0, 0, 0); text-align: center; background-color: #D3D3D3;"><strong>Yesterday</strong></td> </tr> <tr> <td style="border-color: rgb(0, 0, 0); border-right: none;"></td> <td style="border-color: rgb(0, 0, 0); background-color: #D3D3D3;"><span style="text-decoration: underline;"><strong>Orders</strong></span></td> <td style="border-color: rgb(0, 0, 0); background-color: #D3D3D3;"><span style="text-decoration: underline;"><strong>Invoices</strong></span></td> </tr> <tr> <td style="border-color: rgb(0, 0, 0);"></td> <td style="border-color: rgb(0, 0, 0);">$${transaction.custbody16}</td> <td style="border-color: rgb(0, 0, 0);">&nbsp;</td> </tr> <tr> <td style="border-color: rgb(0, 0, 0);"></td> <td style="border-color: rgb(0, 0, 0);">$${transaction.custbody18}</td> <td style="border-color: rgb(0, 0, 0);">$${transaction.custbody24}</td> </tr> <tr> <td style="border-color: rgb(0, 0, 0);"></td> <td style="border-color: rgb(0, 0, 0);">$${transaction.custbody20}</td> <td style="border-color: rgb(0, 0, 0);">$${transaction.custbody26}</td> </tr> <tr> <td style="border-color: rgb(0, 0, 0);"></td> <td style="border-color: rgb(0, 0, 0);">$${transaction.custbody22}</td> <td style="border-color: rgb(0, 0, 0);">$${transaction.custbody28}</td> </tr> </tbody> </table>

<table style=“border-collapse: collapse; width: 99.9755%; border: 1px solid rgb(0, 0, 0);” border=“1"> <colgroup> <col style=“width: 33.3333%;” /> <col style=“width: 33.3333%;” /> <col style=“width: 33.3333%;” /> </colgroup> <tbody> <tr> <!-- Removed the first empty cell --> <td colspan=“2" style=“border-color: rgb(0, 0, 0); text-align: center; background-color: #D3D3D3;“> <strong>Yesterday</strong> </td> </tr> <tr> <!-- Removed the first empty cell --> <td style=“border-color: rgb(0, 0, 0); background-color: #D3D3D3;“> <span style=“text-decoration: underline;“><strong>Orders</strong></span> </td> <td style=“border-color: rgb(0, 0, 0); background-color: #D3D3D3;“> <span style=“text-decoration: underline;“><strong>Invoices</strong></span> </td> </tr> <tr> <td style=“border-color: rgb(0, 0, 0);“>$${transaction.custbody16}</td> <td style=“border-color: rgb(0, 0, 0);“>&nbsp;</td> </tr> <tr> <td style=“border-color: rgb(0, 0, 0);“>$${transaction.custbody18}</td> <td style=“border-color: rgb(0, 0, 0);“>$${transaction.custbody24}</td> </tr> <tr> <td style=“border-color: rgb(0, 0, 0);“>$${transaction.custbody20}</td> <td style=“border-color: rgb(0, 0, 0);“>$${transaction.custbody26}</td> </tr> <tr> <td style=“border-color: rgb(0, 0, 0);“>$${transaction.custbody22}</td> <td style=“border-color: rgb(0, 0, 0);“>$${transaction.custbody28}</td> </tr> </tbody> </table>

Thank you for the reply. Unfortunately, this didn't work as I needed those rows that are blurred out to be in their separate column from everything else. Just the 2 cells in the red box should be removed

make their left & top borders white

Jen is correct, you can't just remove them. If you do html will just move everything else on those rows left.

Hi Sean, I tried that way initially, but there were some users who were using dark mode so the white was visible and distracting. With the help from @Anthony OConnor I got this which is what I needed and this could be a future reference for anyone else with a similar issue: https://jsfiddle.net/cawmg6dL/