Hi All
i use HTML in my footer
it shows like this in editing section of footer
but in invoice view is like this
i want only my table on the left side not the whole page
which part of the code should i edit
Hi All
i use HTML in my footer
it shows like this in editing section of footer
Hi @alizali,
Please post the html code for this table so we can point out the changes
<div style="text-align: left;">
<table style="border: 2px solid black; font-weight: bold; border-collapse: collapse;">
<tr>
<th colspan="2" style="text-align: left; padding: 8px; border: 1px solid black;">
Payment terms as agreed.<br>
Please mention Invoice No. while effecting remittance.
</th>
</tr>
<tr>
<td style="padding: 8px; border: 1px solid black;">Beneficiary Name:</td>
<td style="text-align: center; padding: 8px; border: 1px solid black;">***************</td>
</tr>
<tr>
<td style="padding: 8px; border: 1px solid black;">Bank:</td>
<td style="text-align: center; padding: 8px; border: 1px solid black;">ADCB</td>
</tr>
<tr>
<td style="padding: 8px; border: 1px solid black;">AED A/c No</td>
<td style="text-align: center; padding: 8px; border: 1px solid black;">***********</td>
</tr>
<tr>
<td style="padding: 8px; border: 1px solid black;">IBAN CODE:</td>
<td style="text-align: center; padding: 8px; border: 1px solid black;">**************</td>
</tr>
</table>
</div>
I need to add the width: max-content
to the style
of your table
like this:
<table style="border: 2px solid black; font-weight: bold; border-collapse: collapse; width: max-content">
thank you. problem solved