My theme to share

         <br><td style="font-weight:normal; font-size: 15px; background-color: #fff; border-color: orange; border-bottom-width: 5px; padding: 20px; vertical-align: bottom; color: black" ><b> Specialised in Construction, renovations, roofing, tiling and general works</b>  </td>   
                
                {% if business.logo != null %}<td style="text-align: right"><img src="{{ business.logo }}" style="max-height: 150px; max-width: 200px"></td>{% endif %}
            
            </tr>
        <br> <td style="font-weight:normal; font-size: 15px; background-color: black; border-color: orange; border-bottom-width: 1px; padding: 20px; vertical-align: bottom; color: #fff" >P.o Box 222, Chipata - Zambia </td> </tr>
            <tr> <td  style="font-weight: normal; font-size: 15px ;padding: 10px" > TPIN: 1001441007</td> </tr>
        <tr> <td style="font-weight: bold; font-size: 20px; background-color:white ; border-color: white; border-bottom-width: 2px; padding: 20px; vertical-align: bottom; color: black"> {{ title }}</tr></table>
            
           
            
            <table style="margin-bottom: 20px"><tr>
                <td>
                    <div><b>{{ recipient.name }}</b> {{ recipient.code }}</div>
                    <div>{{ recipient.address | newline_to_br }}</div>
                    <div>{{ recipient.identifier }}</div>
                </td>
                <td style="padding-right: 20px; text-align: right">
                    {% for field in fields %}
                    <div style="font-weight: bold">{{ field.label }}</div>
                    <div style="margin-bottom: 10px">{{ field.text }}</div>
                    {% endfor %}
                </td>
            </tr></table>

            <div style="font-size: 14px; font-weight: bold; margin-bottom: 20px">{{ description }}</div>
        </td>
    </tr>
    <tr>
        {% for column in table.columns %}            
        <td style="font-weight: bold; padding: 5px 10px; color: black; border-color: black; border-right-width: 1px; border-bottom-width: 1px; text-align: {{ column.align }}; background-color: {% if column.nowrap %}; white-space: nowrap; width: 80px{% endif %}">{{ column.label }}</td>
        {% endfor %}
    </tr>
</thead>
<tbody>
    {% for row in table.rows %}
    <tr>
        {% for cell in row.cells %}
        <td style="padding: 5px 10px; background-color: light-grey; border-color: grey; border-right-width: 1px; border-bottom-width: 1px; text-align: {{ table.columns[forloop.index0].align }}{% if table.columns[forloop.index0].nowrap %}; white-space: nowrap; width: 80px{% endif %}">{{ cell.text | newline_to_br }}</td>
        {% endfor %}
    </tr>
    {% endfor %}
    <tr><td colspan="{{ table.columns | size }}" style="border-color: #fff; border-right-width: 1px; border-bottom-width: 1px; background-color: #F6130C ">&nbsp;</td></tr>
    {% for total in table.totals %}
    <tr>
        <td colspan="{{ table.columns | size | minus:1 }}" style="padding: 5px 10px; border-color: #fff; border-right-width: 1px; border-bottom-width: 1px; background-color:#F6130C #FFEAAD; text-align: right{% if total.emphasis == true %}; font-weight: bold{% endif %}">{{ total.label }}</td>
        <td style="white-space: nowrap; border-color: #fff; background-color: #F6130C ; border-right-width: 1px; border-bottom-width: 1px; padding: 5px 10px; color: #fff; text-align: right{% if total.emphasis == true %}; font-weight: bold{% endif %}">{{ total.text }}</td>
    </tr>
    {% endfor %}
    <tr><td colspan="{{ table.columns | size }}" style="border-color: #fff; border-right-width: 1px; background-color: white">&nbsp;</td></tr>

    {% for field in custom_fields %}
    <tr>
        <td colspan="99">
            <div style="font-weight: bold; padding-top: 20px">{{ field.label }}</div>
            <div>{{ field.text | newline_to_br }}</div>
        </td>
    </tr>
    {% endfor %}
</tbody>
<tfoot>
    <tr><td colspan="99" style="padding-top: 20px">
        <div style="border-top-width: 3px; border-color: orange; font-size: 11px; padding: 10px 20px; background-color: Black; color: #fff">
            <div style="font-weight: bold">{{ business.name }}</div>
            <div>{{ business.address }}</div>
            <div>{{ business.identifier }}</div>
        </div>
    </td></tr>
</tfoot>
ASBUILT CONSTRUCTION & GENERAL DEALERS

@Kesarai_Phiri
Not Working…

@Kesarai_Phiri, why are you sharing this theme?

Just excited, I have learnt manager is customizable.

@Kesarai_Phiri
Could you also include a screenshot of the theme output so other forum users can readily see if they should import and use your theme to.

1 Like