You need to sign in to do that
Don't have an account?
Robert Wynter
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:
.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:
<tr>
<td class="spacer" height="229">
</td>
</tr>