Edit height on custom module

[MSchaupp5]

Hi,

I was wondering if anyone could help. I’m fairly new to hubspot and don’t know anything about code. I downloaded this custom module that comes with the Ridge email template. It’s a hero banner for marketing emails. I would really like to adjust the height of the banner, within the code, and for the life of me I can’t figure out how to do it?

Apologies if this is the wrong place to post this question and many thanks

<table cellpadding=“0” cellspacing=“0” border=“0” style=“min-width: 100%; width: 100%;”>
<tr>
<td style=“background-color: {{ module.bg_color.grad_color_1.color }}; background: linear-gradient(135deg, {{ module.bg_color.grad_color_1.color }} 0%,{{ module.bg_color.grad_color_2.color }} 100%); background-size: cover;{% if module.background_image %} background-image: url(‘{{ module.background_image.src }}’);{% endif %}” bgcolor=“{{ heroBackgroundColor }}” {% if module.background_image %}background=“{{ module.background_image.src }}”{% endif %} valign=“top”>
<!--[if gte mso 9]>
<v:rect xmlns:v=“urn:schemas-microsoft-com:vml” fill=“true” stroke=“false” style=“width: 600px;”>
<v:fill type=“tile” src=“{{ module.background_image.src }}” color=“#eeeeee” />
<v:textbox style=“mso-fit-shape-to-text:true” inset=“0,0,0,0”>
<![endif]-->
<div>
<table width=“600” style=“min-width: 100%; width: 100%;”>
<tr>
<td colspan=“3” height=“10”></td>
</tr>
<tr>
<td width=“{{ module.logo.width }}” style=“padding-left: 15px;”>
{% if module.logo.src %}
<img src=“{{ module.logo.src }}” width=“{{ module.logo.width }}” height=“{{ module.logo.height }}” alt=“{{ module.logo.alt }}”>
{% endif %}
</td>
<td width=“auto”>\ </td>
</tr>
<tr>
<td colspan=“3” height=“50”>\ </td>
</tr>
<tr>
<td colspan=“3” valign=“middle” align=“center” style=“font-family: Georgia, Palatino, Times New Roman, Courier, serif; font-weight: 900; font-size: 30px; color: #ffffff;”>{{ module.heading }}</td>
</tr>
<tr>
<td colspan=“3” height=“15” style=“font-size: 0px;”></td>
</tr>
<tr>
<td colspan=“3” valign=“middle” align=“center” style=“font-family: Helvetica, Arial, Verdana, Trebuchet MS, sans-serif; text-align: center; font-weight: 900; font-size: 14px; color: #ffffff;”>{{ module.subheading }}</td>
</tr>
<tr>
<td colspan=“3” height=“20” style=“font-size: 0px;”></td>
</tr>
<tr>
<td colspan=“3” valign=“middle” align=“center” style=“text-align: center; font-size: 14px; color: #ffffff;”>{{ module.cta }}</td>
</tr>
<tr>
<td colspan=“3” height=“50”>\ </td>
</tr>
</table>
</div>
<!--[if gte mso 9]>
<p style=“margin:0;mso-hide:all”><o:p xmlns:o=“urn:schemas-microsoft-com:office:office”>\ </o:p></p>
</v:textbox>
</v:rect>

<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>

<![endif]-->
</td>
</tr>
</table>

[Jaycee_Lewis]

Hi, @MSchaupp5 Welcome aboard! Let’s see if we can get the conversation started for you — @Anton @A_Wessolly @Jnix284 do you have any thoughts on how @MSchaupp5 can accomplish their email template goals?

Thank you! — Jaycee

[jonchim]

hey @MSchaupp5,

In the ridge hero section module for that email template, it was created using height spacers. I’ve highlighted below in the template that you can edit the lines that have a td tag with a height on it. The value that says 50 can be changed to a number and once you change you should be able to see on the front end the height adjustments. Let me know if that works!

<td colspan="3" height="50"> </td>