Click here to Skip to main content
13,733,496 members
Rate this:
 
Please Sign up or sign in to vote.
See more:
Working on a new email and in all testing/building platforms the background hero image shows up ... but when the code is put into the email platform (Braze, also known as AppBoy), the image does not show up.

Here is the code:

table width="600" style="background-color: #f5f5f5; background-image: url('https://appboy-images.com/appboy/communication/assets/image_assets/images/5b6883a2a12f74785a33a246/original.jpg?1533576098'); background-position: center top; background-repeat: no-repeat; background-size: cover; border-collapse: collapse; border-spacing: 0; display: table; height: 280px; padding: 0; position: relative; text-align: left; vertical-align: top; width: 100%" background="https://appboy-images.com/appboy/communication/assets/image_assets/images/5b6883a2a12f74785a33a246/original.jpg?1533576098" valign="top" bgcolor="#f5f5f5" class="row hero"

It's being set both with CSS and as an HTML attribute, but neither are loading in Braze.

What I have tried:

The only other option I can think of is coding the image not as a background image ... but then we wouldn't be able to change the text/CTA button on the image without using our designer, which we want to avoid.
Posted 10-Aug-18 4:45am
Updated 10-Aug-18 4:48am

1 solution

Rate this: bad
 
good
Please Sign up or sign in to vote.

Solution 1

It's quite possible that images don't show up because display of images is disabled by default in many email viewers - spammers, phishers, and so forth were using them to identify "live" email addresses so most disable it by default to prevent that.

You could try embedding the image in the email instead of linking to it, that may give you the results you want.
  Permalink  

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month


Advertise | Privacy | Cookies | Terms of Service
Web01-2016 | 2.8.180920.1 | Last Updated 10 Aug 2018
Copyright © CodeProject, 1999-2018
All Rights Reserved.
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100