Control margins and padding between hard-coded image and flexible region

  • 1
  • Idea
  • Updated 4 years ago
  • Not Planned
  • (Edited)
It would be nice if the header image had the same capabilities as all the other images within templates. Currently there is no "options" menu for header images to change margins and padding and this leaves an awkward gap between the header image and the body of the email. We found a way to bypass it in one column emails, but so far we can't fix it in two column emails. See image attached for header with gap.
Photo of Bricker & Eckler

Bricker & Eckler

  • 9 Posts
  • 1 Reply Like

Posted 5 years ago

  • 1
Photo of Katie Lewis

Katie Lewis, Official Rep

  • 3414 Posts
  • 309 Reply Likes
Good point! This is the case if you're using a template that has an image placeholder hard-coded into it, which you'll know by being unable to control the image's margins and padding or delete the placeholder. Because it's hard-coded, the padding and margin code is not accessible in the same way images in the flexible region (where you can drag content into your mailing) are. Templates are built a specific way, and changing margins and padding has the potential to break the look of the rest of it, whereas the flexible region is, well, flexible.

There is a way around this, though: If you select the template called Blank Slate - No Header, for example, you're able to drag in an image placeholder at the top and determine its spacing.

I jumped into your account to check out the template you're using here, but I couldn't find it. Our Design Team can tweak the code so that there's less padding between the top image and the content, if you'd like -- Simply submit a request through our form here.

I'm editing the subject a bit to better reflect what piece of this isn't planned.
Photo of Bricker & Eckler

Bricker & Eckler

  • 9 Posts
  • 1 Reply Like
Thanks Katie -- that makes sense. We don't have a template option for "Blank Slate - No Header." Is that something you have to add to an account? The mailing was in our sent items instead of draft. I've put a copy in our drafts for you to look at.
Photo of Katie Lewis

Katie Lewis, Official Rep

  • 3414 Posts
  • 309 Reply Likes
When you click to create a new mailing, you'll see an option called Blank templates in the first row. Click that, and there are two choices: Blank Slate and Blank Slate - No Header.

Or, when you're already in your campaign, you can get there by clicking the link that reads Show templates near the top. Then click Browse Template Gallery for the same options above.

I hope that helps!
Photo of Bricker & Eckler

Bricker & Eckler

  • 9 Posts
  • 1 Reply Like
Thanks. Sadly, this still doesn't solve our problem when using the two column layout since the image can't go over both columns on the top (at least as far as I can tell).
Photo of Katie Lewis

Katie Lewis, Official Rep

  • 3414 Posts
  • 309 Reply Likes
You're right, this will only work for one-column layouts. But we are working on the ability to have multi-column layouts, meaning you'll be able to have on piece of content atop two, for example.

You can trick the editor to achieve this in the meantime, however -- Take a look at this topic.
Photo of Avista Rentals and Events

Avista Rentals and Events

  • 2 Posts
  • 0 Reply Likes
I have a gap between my sidebar image and my text but ONLY when the email is received (see below). It looks right in the editor. How can I fix this?
Photo of Katie Lewis

Katie Lewis, Official Rep

  • 3414 Posts
  • 309 Reply Likes
Hi there! This is a bit different from our main topic, so I’m creating a new post for us to address this. :) Please reference the new topic here: Gap appears below a sidebar image in the inbox