Skip to main content
Topics#Salesforce DeveloperRobert Wynter's Question
Robert Wynter (Durham College Applied Arts & Technology) asked in #Salesforce Developer
Aug 29, 2017, 8:08 PM

image repeat on gmail and hotmail only

The image works perfectly well in outlook but in Gmail it the image overlaps. The source of the image is reading from a file I FTP into Marketing cloud. The file is read, via ampscript on a Dynamic email content template and this sections of the email image is a web link to the image.

.headerImage {

                                        -webkit-background-size: cover;

                                        -moz-background-size: cover;

                                        -o-background-size: cover;

                                        background-size: cover;

                                        background-position: center top;

                                        background-repeat: no-repeat center;

                                       

                                      }

 

Which is being used in my td tag

 

                   <td background="%%=v(@ColumnHeaderPic)=%% " class="container headerImage" height="313" width="600">

                    <!--[if gte mso 9]>           <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:275px;">             <v:fill type="frame" src="%%=v(@ColumnHeaderPic)=%%" />             <v:textbox inset="0,0,0,0">           <![endif]-->

RESULT:

image repeat on gmail and hotmail only
3 answers
  1. Robert Wynter (Durham College Applied Arts & Technology)
    Aug 30, 2017, 6:54 PM
    Came up with a solution for Gmail. I don't know if it's MC or Gmail that has this limitation but apparently, the style must be added to the table cell <td background="%%=v(@ColumnHeaderPic)=%% " class="container headerImage" height="313" style="background-repeat:no-repeat;" width="600">. this only works for Gmail and not Hotmail or Outlook I still need to use my CSS thor those. very frustrating
Write an answer...
0/9000