<table class="form-table">
<tr valign="top">
<th>
Header logo
<div class="tnp-tip">
<span class="tip-button">Tip</span>
<span class="tip-content">
Keep the file lightweight and ideally smaller than 500px in width and 200px in height.
Remember that .png images provide best performances with text and shapes logos.
</span>
</div>
</th>
<td>
<?php
$controls->media('header_logo');
?>
<p class="description">
Click to change. This should be your logo in .png or .jpg format.
</p>
</td>
</tr>
<tr>
<th>Header title</th>
<td>
<?php
$controls->text('header_title', 40);
?>
<p class="description">Appears only when no logo has been uploaded or when it's blocked by email clients.</p>
</td>
</tr>
<table class="form-table">
<tr valign="top">
<th>
Header logo
<div class="tnp-tip">
<span class="tip-button">Tip</span>
<span class="tip-content">
This image will be placed on top of email templates as-is, eventually stretched to
match the template width.
</span>
</div>
</th>
<td>
<?php
$controls->media('header_logo', 'full');
?>
<p class="description">
Click to change. This should be your logo in .png or .jpg format. The image shown is a resized preview.
</p>
</td>
</tr>
<tr>
<th>Header title</th>
<td>
<?php
$controls->text('header_title', 40);
?>
<p class="description">Appears only when no logo has been uploaded or when it's blocked by email clients.</p>
</td>
</tr>
<table class="form-table">
<tr valign="top">
<th>
Logo
<div class="tnp-tip">
<span class="tip-button">Tip</span>
<span class="tip-content">
Keep the file lightweight and ideally smaller than 500px in width and 200px in height.
Remember that .png images provide best performances with text and shapes logos.
</span>
</div>
</th>
<td>
<?php
$controls->media('header_logo', 'medium');
?>
<p class="description">
Click to change. This should be your logo in .png or .jpg format.
</p>
</td>
</tr>
<tr>
<th>Title</th>
<td>
<?php
$controls->text('header_title', 40);
?>
<p class="description">Appears only when no logo has been uploaded or when it's blocked by email clients.</p>
</td>
</tr>
