Overlaying text on top of a header/banner image in email - is it possible? | Community
Skip to main content
L
lindas
New Participant
October 19, 2022
Solved

Overlaying text on top of a header/banner image in email - is it possible?

  • October 19, 2022
  • 1 reply
  • 2516 views

Company has a white banner image with their logo on one side and an image on the other. Is there a way to use the banner as a background image and type text to show on top of it within the Marketo email tool?

 

They want to be able to add text in that banner for different sends. For ex: A Message from John Smith or A Message from HR.

 

They DO NOT want us to do this in Paint or Photoshop, etc, since it requires work from another department.

 

Example of banner:

https://imgur.com/a/ZbYMl1b

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Jon_Wright

Totally possible in HTML by setting a background image, but have to allow for how image appears on mobile vs desktop. Also how messages of different length might appear. But super quick example in MJML to get you started:

 

https://mjml.io/try-it-live/0mCBJ2G3C

 

Can play around with the section attributes to get it to display right: https://documentation.mjml.io/#mj-section

1 reply

Jon_Wright
Jon_WrightAccepted solution
New Participant
October 19, 2022

Totally possible in HTML by setting a background image, but have to allow for how image appears on mobile vs desktop. Also how messages of different length might appear. But super quick example in MJML to get you started:

 

https://mjml.io/try-it-live/0mCBJ2G3C

 

Can play around with the section attributes to get it to display right: https://documentation.mjml.io/#mj-section

    L
    lindasAuthor
    New Participant
    October 19, 2022

    Looks great! Agree with you on needing to test with web/mobile/Desktop, etc. This is really helpful, thank you! 

    Terms & ConditionsAccessibility statement

    Loading footer...