Water mark image

1

Hello managers,

Can anyone help to add an image as watermark in invoice theme.

I tried but not given results.

Usman

2

The forum rules state that you have to indicate what you tried and what the result was.

You could also search the forum for watermark or background image as I remember this has been asked before.

3

Here is my theme and the image i want to add as watermark
RE

{% if business.logo != null %}{% endif %}
{{ title }} 
            <table style="margin-bottom: 10px"><tr>
                <td>
                    <div style="font-weight: bold;font-size: 17px; font-family:Century Gothic;"><b>{{ recipient.code }} - {{ recipient.name }}</b></div>
                    <div style="font-weight: bold;font-size: 17px; font-family:Century Gothic;"><b>{{ recipient.address | newline_to_br }}</b></div>
                    <div>{{ recipient.identifier }}</div>
                </td>
                <td style="{% if business.address != null %}border-right-width: 1px; padding-right: 20px; {% endif %}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>
                {% if business.address != null %}
                <td style="padding-left: 5px; width: 1px; white-space: nowrap">
                    <div style="font-weight: bold;font-size: 25px; font-family:Andalus;">{{ business.name }}</div>
                    <div>{{ 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">{{ description }}</div>
        </td>
    </tr>
    <tr>
        <td style="font-weight: bold;padding: 5px 10px; text-align: center; border-left-width: 5px; border-bottom-width: 5px; border-top-width: 5px; width: 1px">#</td>
        {% for column in table.columns %}            
        <td style="font-weight: bold;font-family:Arial Black; color: #; border-bottom-width: 5px; border-color: #; padding: 10px; text-align: {{ column.align }};border-bottom-width: 5px; border-left-width: 5px; border-bottom-width: 5px; border-top-width: 5px{% if forloop.last == true %}; border-right-width: 5px{% endif %}{% if column.nowrap %}; white-space: nowrap; width: 10px{% endif %}">{{ column.label }}</td>
        {% endfor %}
    </tr>
    {% for row in table.rows %}
    <tr>
        <td style="padding: 5px 10px; text-align: center;border-bottom-width: 1px; border-left-width: 1px; width: 1px">{{ forloop.index0 | plus:1 }}</td>
        {% for cell in row.cells %}
        <td style="padding: 5px 10px;border-bottom-width: 2px; font-weight:bold; font-family:Century Gothic; text-align: {{ table.columns[forloop.index0].align }};border-bottom-width: 1px; border-left-width: 1px{% if forloop.last == true %};border-right-width: 1px; padding-right: 20px{% endif %}{% if table.columns[forloop.index0].nowrap %}; white-space: nowrap; width: 80px{% endif %}">{{ cell.text | newline_to_br }}</td>
        {% endfor %}
    </tr>{% endfor %}
    {% for total in table.totals %}
    <tr>
        <td colspan="{{ table.columns | size }}" style="padding: 5px 10px;font-weight:italic; color: #000000; font-family:Arial Black; text-align: right{% if total.emphasis == true %}; font-weight: bold{% endif %}">{{ total.label }}</td>
        <td style="border-left-width: 1px; font-weight:italic; font-family:Arial Black; white-space: nowrap; border-right-width: 1px; border-bottom-width: 1px; padding: 5px 10px; text-align: right{% if total.emphasis == true %}; font-weight: bold{% endif %}">{{ total.text }}</td>
    </tr>
    {% endfor %}
   {% for field in custom_fields %}
    <tr>
       <td colspan="99">
            <div style="font-weight: bold; padding-top: 20px"><b>{{ field.label }}</b></div>
            <div><b>{{ field.text | newline_to_br }}</b></div>
        </td>
    </tr>
    {% endfor %}
    
        <td colspan="99">
            {% if emphasis.text != null and emphasis.positive %}
            <div style="text-align: center; margin-top: 40px"><span style="color: #006400; border-width: 5px; border-color: #006400; padding: 10px; font-size: 20px">{{ emphasis.text | upcase }}</span></div>
            {% endif %}

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