HTML in footer HELP

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 @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">
 
1 Like

thank you. problem solved

1 Like