Email Marketing Tool

AFranklin4
Participant

Boxed email template to appear on left side

SOLVE

Hi, I need to create a marketing email where the boxed content appears on the left rather than in the center. It's meant to look like a one-to-one email, so there should be no white space on the left.

 

hubspot boxed test.png

 

(I realize there is also a plain text format, but this won't work for my situation because my boss says it "looks bad" when the text spans the full width on desktop, as it does in plain text mode.)

0 Upvotes
1 Accepted solution
Josh
Solution
Recognized Expert | Diamond Partner
Recognized Expert | Diamond Partner

Boxed email template to appear on left side

SOLVE

Hi @AFranklin4,

 

I would suggest using the "Plain Email" template. This is different than just sending a plain text email. Essentially, it is still an HTML email, but with no styling applied. We've used this for instances when clients want to send an email that appears 1:1, and historically, it's performed pretty well. The content will not span fill width on desktop, as you can see in the preview. 

Josh_1-1747761423384.png

 

 

Josh_0-1747761329862.png

 

 Hope this helps!


Did this post help solve your problem? If so, please mark it as a solution.

Josh Curcio

HubSpot support and inbound marketing for OEMs, contract manufacturers, and industrial suppliers.
HubSpot Diamond Partner & HubSpot Certified Trainer

View solution in original post

0 Upvotes
2 Replies 2
Wesimplifi_
Top Contributor | Platinum Partner
Top Contributor | Platinum Partner

Boxed email template to appear on left side

SOLVE

Hi @AFranklin4
HubSpot's boxed templates center the content, leaving white space on both sides. But if you want the content boxed and left-aligned (with no left margin), you'll need to tweak the HTML and CSS a bit.

Here's how you can achieve that:

  1. Use a custom coded email template, not the drag-and-drop one this gives you control over layout behavior.

  2. Inside the template, locate the main <table> or container that wraps the email content.

  3. Add inline styles to force the container to left-align and remove left spacing. For example:

    <table width="600" align="left" style="margin: 0; padding: 0;">
      <tr>
        <td style="padding: 20px;">
          Your content goes here...
        </td>
      </tr>
    </table>
    

You can still make the email mobile-responsive by using max-width and width: 100% in combination just avoid hardcoding widths that will break on small screens.

RevOps & Automation Strategist | Growth Without Limits.

0 Upvotes
Josh
Solution
Recognized Expert | Diamond Partner
Recognized Expert | Diamond Partner

Boxed email template to appear on left side

SOLVE

Hi @AFranklin4,

 

I would suggest using the "Plain Email" template. This is different than just sending a plain text email. Essentially, it is still an HTML email, but with no styling applied. We've used this for instances when clients want to send an email that appears 1:1, and historically, it's performed pretty well. The content will not span fill width on desktop, as you can see in the preview. 

Josh_1-1747761423384.png

 

 

Josh_0-1747761329862.png

 

 Hope this helps!


Did this post help solve your problem? If so, please mark it as a solution.

Josh Curcio

HubSpot support and inbound marketing for OEMs, contract manufacturers, and industrial suppliers.
HubSpot Diamond Partner & HubSpot Certified Trainer

0 Upvotes