Background image in email notifications?

[jpolen]

Hi guys,

I’d like to emulate something like this (http://prntscr.com/n34i5i) with the notifications coming from Quform plugin. I’ve tried many ways with CSS and I can’t get the image to stick in the background. Is this possible?

[michael_baxter]

Not sure if this addresses your question directly, but I wanted to remind you that Email CSS must be inline. It cannot refer to external sources.

So, for example, you would include the <style> configurations at the top of your email definition. (I have done it several times)

<style>
body {
background-color: gray;
}
</style>


This makes the background color of my email gray. In order for your email to use the desired background image, you would also need to ensure it was publicly available the recipients, and use a full URL, not a relative URL.

<style>
body {
/* NOT THIS */
background-image: url("paper.gif");
/* NOR THIS */
background-image: url("/wp-content/uploads/2019/02/paper.gif");
/* THIS! */
background-image: url("https://your-site.com/wp-content/uploads/2019/02/paper.gif");
}
<style>


[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[Author]

Posts