Background image in email notifications?

Home Forums Quform WordPress Background image in email notifications?

This topic is: not resolved

This topic contains 2 replies, has 3 voices, and was last updated by  Ally 3 months, 2 weeks ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #28885

    jpolen
    Participant

    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?

    #28895

    michael_baxter
    Participant

    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>

    #28906

    Ally
    Support Staff

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

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

Be inspired. © 2019 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy