I would need help to insert a custom code to create a 6-column module/section. Please
(Actually on Hubspot, it is possible to make sections only 4 columns (no more) on a marketing email for example.)
Hey @LDomagalska,
if you’re comfortable using custom HTML + inline CSS, you can bypass that limitation and manually create a 6-column layout.
If you decide to go with custom coding, please note:
- Email clients (especially Outlook) render table-based layouts more reliably than flexbox or grid. So stick to tables.
- Use inline styles
- Use HubSpot’s preview and send test emails to check rendering in Gmail, Outlook, Apple Mail, etc.
- For mobile, you might want to stack columns. That requires media queries, which HubSpot doesn’t fully support in emails, but you can use display:block and width:100% tricks if needed.
Hope this will help.
Regards,
For using custom HTML + inline CSS, how to create a 6-column layout?
For the custom code, I am not a developer, I would have liked to have the code to integrate and the steps please (if is possible).
I don’t know at all how to do from start to finish.
You can use something like this:
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="text-align: center;">
<tr>
<!-- Use the below td block for 6 times -->
<td width="16.66%" style="padding: 10px;">
<img src="your.image.source" width="40" alt="Alternative Text" style="display: block; margin: 0 auto;" />
<p style="font-family: sans-serif; font-size: 13px; color: #ff0000; margin: 6px 0 0;">Your Text</p>
</td>
</tr>
</table>
By the way, if you’d like some help creating or customizing your HubSpot email templates, we’d absolutely love to support you! We’ve had great success building similar solutions for other clients and can make sure everything is perfectly styled, mobile-friendly, and easy to edit - exactly tailored to your needs.
Would love to chat more about this! Feel free to drop me a line at kosala@thesanmark.com anytime.
Best regards,