Hello, I have modify themes and my Invoice looks different

1
{% if business.logo != null %}{% endif %}
{{ title }} {{ business.name }} 
            <table style="margin-bottom: 5px; width: 100%; color: #2F4F4F; border: 1px solid #000;"><tr>
                <td style="vertical-align: top">
                    <div style="font-weight: bold; font-size: 15px;">{{ recipient.name }}</div>
                    <div>{{ recipient.address | newline_to_br }}</div>
                    <div>{{ recipient.identifier }}</div>
                </td>
                <td style="font-size:14px; text-align: end; vertical-align: top;">
                    {% for field in fields %}
                    <div style="font-weight: bold">{{ field.label }}</div>
                    <div style="margin-bottom: 5px">{{ field.text }}</div>
                    {% endfor %}
                </td>
                {% if business.address != null %}
                <td style="width: 5px"></td>
                <td style="width: 5px; border-left-width: 2px; border-left-color: #000; border-left-style: solid"></td>
                <td style="width: 5px"></td>
                <td style="width: 5px; white-space: nowrap; vertical-align: top">
                   
                    <div style ="font-weight: bold; color: #556B2F;"{{ business.address | newline_to_br }}</div>
                    {% for field in business.custom_fields %}
                    <div>{{ field.label }} {{ field.text }}</div>
                    {% endfor %}
                </td>
                {% endif %}
            </tr></table>
             <div style="font-size: 14px; font-weight: bold; margin-bottom: 5px; padding: 5px 10px;">{{ description }}</div>
        </td>
    </tr>
    <tr>
        {% for column in table.columns %}            
        <td style="font-weight: bold; color: #083904; font-size: 14px; border-color: #000000; padding: 5px; border: 1px solid #000;" {{ column.align }}{% if forloop.first %}; padding-left: 10px{% endif %}{% if forloop.last %}; padding-right: 10px{% endif %}{% if column.nowrap %}; width: 90px{% endif %}">{{ column.label }}</td>
        {% endfor %}
    </tr>
</thead>
<tbody>
    {% for row in table.rows %}
    <tr>
        {% for cell in row.cells %}
        <td style="padding: 5px; text-align: {{ table.columns[forloop.index0].align }}; border-color: #000000; border: 1px solid #000;{% if forloop.first %}; padding-left: 10px{% endif %}{% if forloop.last %}; padding-right: 10px{% endif %}{% if table.columns[forloop.index0].nowrap %}; white-space: nowrap; width: 90px{% endif %}">{{ cell.text | newline_to_br }}</td>
        {% endfor %}
    </tr>
    {% endfor %}
    {% for total in table.totals %}
    <tr>
        <td colspan="{{ table.columns | size | minus:1 }}" style="padding: 5px; text-align: right{% if total.emphasis == true %}; font-weight: bold; font-size: 16px{% endif %}">{{ total.label }}</td>
        <td style=" border: 1px solid #000; border-color: #000000; white-space: nowrap; padding-left: 10px; text-align: right; padding-right: 0px{% if total.emphasis == true %}; font-weight: bold; font-size: 16px;  color: #066F09;{% endif %}">{{ total.text }}</td>
         <td style ="font-size: 16px; text-align: left;'>&#8377;"</td>
    </tr>
    {% endfor %}

    {% for field in custom_fields %}
    <tr>
        <td colspan="99" style="padding-left: 10px; padding-right: 10px; border: 1px solid #000;">                
            <div style="font-weight: bold;">{{ field.label }}</div>
            <div style="padding-bottom: 5px; font-size: 14px; font-weight: bold; color: #008000">{{ field.text | newline_to_br }}</td>
           </td>
    </tr>
    {% endfor %}

    <tr>
        <td colspan="99">
            {% if emphasis.text != null and emphasis.positive %}
            <div style="text-align: center; margin-top: 10px"><span style="color: #006400; border-width: 2px; border-color: #006400; border-style: solid; padding: 5px; font-size: 20px">{{ emphasis.text | upcase }}</span></div>
            {% endif %}

            {% if emphasis.text != null and emphasis.negative %}
            <div style="text-align: center; margin-top: 10px"><span style="color: #FF0000; border-width: 2px; border-color: #FF0000; border-style: solid; padding: 5px; font-size: 20px">{{ emphasis.text | upcase }}</span></div>
            {% endif %}
             <div style="font-weight: bold; font-size: 15px; text-align: left">{{ signature.text }}Customer's signature</div>
             <div style="border: 1px solid #000; width: 200px; height: 40px"></div>
              <div style="font-family: Copperplate Gothic; font-weight: bold; font-size: 15px; color: #4B0082; text-align: right"> For {{ business.name }}</div>
              <br>
                <div style="font-family: Copperplate Gothic; font-weight: bold; font-size: 15px; color: #4B0082; text-align: right"> PROP.</div>
           
        </td>
    </tr>
</tbody>
 <tfoot>
    <tr><td colspan="99" style="padding-top: 5px; border: 1px solid #000;">
      <div style="font-family:Goudy Stout; font-weight: bold; font-size: 20px; color: #B22222; font-style: expanded; text-align: center"> THANK YOU FOR BUSINESS WITH US</div>
        </div>
    </td></tr>
</tfoot>
1 Like
2

Currency Sign

Char Dec Hex Entity Name

₠ >&#8352 >&#20A0 EURO-CURRENCY SIGN
₡ >&#8353 >&#20A1 COLON SIGN
₢ >&#8354 >&#20A2 CRUZEIRO SIGN
₣ >&#8355 >&#20A3 FRENCH FRANC SIGN
₤ >&#8356 >&#20A4 LIRA SIGN
₥ >&#8357 >&#20A5 MILL SIGN
₦ >&#8358 >&#20A6 NAIRA SIGN
₧ >&#8359 >&#20A7 PESETA SIGN
₨ >&#8360 >&#20A8 RUPEE SIGN
₩ >&#8361 >&#20A9 WON SIGN
₪ >&#8362 >&#20AA NEW SHEQEL SIGN
₫ >&#8362 >&#20AB DONG SIGN
€ >&#8364 >&#20AC EURO SIGN
₭ >&#8365 >&#20AD KIP SIGN
₮ >&#8366 >&#20AE TUGRIK SIGN
₯ >&#8367 >&#20AF DRACHMA SIGN
₰ >&#8368 >&#20B0 GERMAN PENNY SYMBOL
₱ >&#8369 >&#20B1 PESO SIGN
₲ >&#8370 >&#20B2 GUARANI SIGN
₳ >&#8371 >&#20B3 AUSTRAL SIGN
₴ >&#8372 >&#20B4 HRYVNIA SIGN
₵ >&#8373 >&#20B5 CEDI SIGN
₶ >&#8374 >&#20B6 LIVRE TOURNOIS SIGN
₷ >&#8375 >&#20B7 SPESMILO SIGN
₸ >&#8376 >&#20B8 TENGE SIGN
₹ >&#8377 >&#20B9 INDIAN RUPEE SIGN
₺ >&#8378 >&#20BA TURKISH LIRA SIGN
₻ >&#8379 >&#20BB NORDIC MARK SIGN
₼ >&#8380 >&#20BC MANAT SIGN
₽ >&#8381 >&#20BD RUBLE SIGN
₾ >&#8382 >&#20BE LARI SIGN
₿ >&#8383 >&#20BF BITCOIN SIGN

3

Do you have a question?

1 Like
4

no , he is just sharing his theme. @Tut

5

Let’s let @Rajinder_Kumar_Bhatt answer that question for himself, @Omnipotent.inc.

6

Thanks for sharing.