Email template - Full screen width rows

SOLVE
Esteemed Contributor

Hi all,

 

I'm working on an email template that has a row with background-color: #af9f7a; which needs to span the full width of the screen. Amongst a few other things, such as header images.

 

What I am struggling to work out is how to do this when HS building layer containers are forcing everything into a 600px width container.

 

#templateTable {
      width: {{ email_body_width }}px;
      background-color: {{ body_color }};
      -webkit-font-smoothing: antialiased;
  }

#contentTableInner {
      width: {{email_body_width}}px;
  }

I'd like the other rows of the email to continue to conform to this code.

 

I could just turn the whole email into a set of custom modules, but I need to use Smart content in this email and for end-users to be able to easily do everything they need within the email builder.

 

If anyone else has tackled this I'd greatly appreciate some ideas Smiley Happy

 

Thanks! Steve

Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Highlighted
Esteemed Contributor

Hi Jonchim

 

I did give that a go at the start of the week and was almost there, but for a couple of features that I needed which were not in the Beta. A real shame!

I ended up just making a html email without using the clasic editor and using hubl to provide those juicy smart modules I needed at email level. Huzzah!

Reply
0 Upvotes
2 Replies 2
Regular Contributor

The new email drag and drop builder (still in beta) achieves this full width row, you can get invited by asking chat support. Unfortunately hubspot classic editor is limited since it's confined to the width container of the email. 

 

 

Reply
0 Upvotes
Highlighted
Esteemed Contributor

Hi Jonchim

 

I did give that a go at the start of the week and was almost there, but for a couple of features that I needed which were not in the Beta. A real shame!

I ended up just making a html email without using the clasic editor and using hubl to provide those juicy smart modules I needed at email level. Huzzah!

Reply
0 Upvotes