JavaScript must be installed and enabled to use these boards. Your browser appears to have JavaScript disabled or does not support JavaScript. Please refer to your browser's help file to determine how to enable JavaScript.

CMS Development

Search CMS Development for solutions or ask a question

e-mail background does not appear on every laptop

SOLVE

can someone tell me why, when receiving the e-mail via outlook, on one laptop the background with waves appears correctly on an another one there are no waves

Starter

1 Accepted solution

e-mail background does not appear on every laptop

SOLVE

@GLenz Outlook doesn't support backgrounds. You would need to use VML to make it work on Outlook but even that can be fickle. There's a 'bulletproof background' generator that will output code for you for such - https://backgrounds.cm/

If this answer solved your question, please mark it as the solution.

Alyssa Wilie

Web Developerat Lynton

Learn HubL | Get Marketing Insights

HubSpot Elite Solutions Partner

Lynton's HubSpot theme Rubric now available. Click to download.

View solution in original post

5 Replies 5

e-mail background does not appear on every laptop

SOLVE

@GLenz Outlook doesn't support backgrounds. You would need to use VML to make it work on Outlook but even that can be fickle. There's a 'bulletproof background' generator that will output code for you for such - https://backgrounds.cm/

If this answer solved your question, please mark it as the solution.

Alyssa Wilie

Web Developerat Lynton

Learn HubL | Get Marketing Insights

HubSpot Elite Solutions Partner

Lynton's HubSpot theme Rubric now available. Click to download.

e-mail background does not appear on every laptop

SOLVE

Hi Dennis,

is this what you asked for?

<!DOCTYPE html>

<html lang="en"><head><meta charset="UTF-8" />

<meta name="author" content="HubSpot, Inc." />

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<link rel="preconnect" href="https://static.hsappstatic.net" crossorigin /><link rel="apple-touch-icon" sizes="180x180" href="//static.hsappstatic.net/StyleGuideUI/static-3.238/img/sprocket/apple-touch-icon.png">

<link rel="icon" type="image/png" sizes="32x32" href="//static.hsappstatic.net/StyleGuideUI/static-3.238/img/sprocket/favicon-32x32.png">

<link rel="icon" type="image/png" sizes="16x16" href="//static.hsappstatic.net/StyleGuideUI/static-3.238/img/sprocket/favicon-16x16.png"><link rel="mask-icon" href="//static.hsappstatic.net/StyleGuideUI/static-3.238/img/sprocket/safari-pinned-tab.svg" color="#FF7A59">

<meta name="msapplication-TileColor" content="#2b5797"><title>Edit Email | HubSpot</title><script>(function() {

var staticDomainPrefix = "//static.hsappstatic.net";void 0===window.hubspot&&(window.hubspot={}),void 0===window.hubspot.polyfills&&(window.hubspot.polyfills={}),window.hubspot.polyfills.__CONDITIONAL=!0,"function"==typeof Symbol&&Object.assign&&Object.values&&Array.from&&Array.prototype.fill&&Array.prototype.find&&Array.prototype.findIndex&&Array.prototype.includes&&String.prototype.includes&&String.prototype.startsWith&&String.prototype.endsWith&&String.fromCodePoint&&Number.isInteger&&"undefined"!=typeof Promise&&"function"==typeof PromiseRejectionEvent&&"function"==typeof Promise.prototype.finally&&"function"==typeof Promise.all&&"name"in Function.prototype&&"IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype&&"isIntersecting"in window.IntersectionObserverEntry.prototype&&"ResizeObserver"in window?(window.hubspot.polyfills["Object.assign"]=!0,window.hubspot.polyfills.Symbol=!0,window.hubspot.polyfills.__INSTALLED=!1):function(){var o=document.createElement("script");o.src=staticDomainPrefix+"/HeadJS/static-2.216/js/polyfills/core.js",o.crossOrigin="anonymous",document.write(o.outerHTML)}();})();</script>

<script src="//static.hsappstatic.net/head-dlb/static-1.140/bundle.production.js" type="text/javascript" crossorigin="anonymous"></script>

<script>window.performance.mark&&window.performance.mark("start_quick_fetch_script"),function(){var s="[quick-fetch] Early request not found",c=!!window.performance.mark,u={};function p(e){var t,r,n=("; "+e).split(";");if(n.length)for(t=0;t<n.length;t++)if(2===(r=n[t].split("=")).length&&"csrf.app"===r[0].trim())return r[1];return null}function d(e){e=/^\/(?:[A-Za-z0-9-_]*)\/(\d+)(?:\/|$)/.exec(e||document.location.pathname);return e&&e[1]}function r(e){return u.hasOwnProperty(e)?u[e]:null}function h(e,t,r){u.hasOwnProperty(e)?(u[e].error=!0,u[e].errorStatus=t,u[e].onErrorCallbacks.forEach(function(e){e(r,t)})):console.error(s,e,t,r)}function e(n,o){var a,e,t,r,i;if(!u.hasOwnProperty(n))switch(c&&window.performance.mark("mark_"+n+"_request"),(a=new XMLHttpRequest).open(o.type||"GET",(e=o.url,t=o,r=d(),i=-1<e.indexOf("?")?"&portalId=":"?portalId=",e=t.noPortalId||-1<e.indexOf("portalId=")||!r?e:e+i+r,i=o.timeout,r=-1<e.indexOf("?")?"&clienttimeout=":"?clienttimeout=",!i||-1<e.indexOf("clienttimeout=")?e:e+r+i),!0),a.withCredentials=!o.hasOwnProperty("withCredentials")||!!o.withCredentials,null!=o.timeout&&(a.timeout=o.timeout),a.addEventListener("load",function(){var

e-mail background does not appear on every laptop

SOLVE

Hi Dennis, different laptops using different versions of Windows. Only via Gmail the mail was presented correctly.

The problem are the waves in the background on the picture below, they are invisible when received in Outlook.

Thanks for your help Dennis.

e-mail background does not appear on every laptop

SOLVE

Any chance you could share your template code?

e-mail background does not appear on every laptop

SOLVE

Outlook is fickle. Are each laptop using the same version? Same OS?

What is your markup for the email template?

@alyssamwilie is the email whisperer and might be able to assist

Sunny

Sign up for the Developer Newsletter

Fresh content delivered to your inbox every month.