SOLVED

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

Go to solution
lindas
Level 2

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

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

1 ACCEPTED SOLUTION

Accepted Solutions
Jon_Wright
Level 4

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

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

View solution in original post

2 REPLIES 2
Jon_Wright
Level 4

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

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

lindas
Level 2

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

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