What's new

Welcome to the forum 👋, Visitor

To access the forum content and all our services, you must register or log in to the forum. Becoming a member of the forum is completely free.

Does anyone know why my social media bar background is not being applied when sent in the test email (outlook)

Lulu

New member
Joined
Sep 8, 2021
Messages
2
Reaction score
0
HTML Coins
0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Race to Automate: How AI-Powered Automation Unlocks Value</title>
<style type="text/css">
body {
Margin: 0;
padding: 0;
background-color: #f6f9fc;
}
table {
border-spacing: 0;
}





img {
border: 0;
}

.wrapper{
width: 100%;
table-layout: fixed;
background-color: #f6f9fc;
padding-bottom: 40px;
}

.webkit {
max-width: 600px;
background-color: #ffffff;
}

.outer{
Margin: 0 auto;
width: 100%;
max-width: 600px;
border-spacing: 0;
font-family: sans-serif;
color: #4a4a4a;
}


.three-columns .content{
font-size: 15px;
line-height: 24px;
padding: 0px 40px 20px 40px;
background: #ffffff;
}


@media screen and (max-width: 600px) {
}
@media screen and (max-width: 400px) {
}
</style>
</head>
<body>
<center class="wrapper">
<div class="webkit">
<table class="outer" align="center">



<tr>
<td>
<table width="100%" style="border-spacing: 0;">

<td style="padding-bottom: 0px;Margin-bottom:0px;">

<a href="#"><img src="https://msgfocus.com/files/amf_idg/project_108/CIO-IBM.png" width="600" alt="CIO header" style="padding: 0;"></a>
</td>

</table>
</td>
</tr>

<!--BANNER-->
<tr>
<td style="padding-top: 0px;Margin-top:0px;">
<a href="#"><img src="https://msgfocus.com/files/amf_idg/project_116/AD_UNIT_1200_X_800-new-edit.jpg" width="600" alt="Banner" style="max-width:100%;padding: 0;"></a>
</td>
</tr>


<tr>
<td>
<table width="100%" style="border-spacing: 0;">
<tr>
<td class="three-columns">

<table class="column">
<tr>
<td class="padding">

<table class="content">

<tr>
<td>
<p>Hi [* data('first_name') *],</p>

<p>Automation transforms work and simplifies how businesses operate. Artificial intelligence accelerates innovation by making every interaction, experience, and process more intelligent. Combining automation with AI is expected to release $134 billion in labor value in 2022, and a vast majority of AI and automation leaders expect to outperform their competitors in revenue growth. IT leaders view the automation of business or IT processes as the primary driver of product development and revenue growth, according to IDG’s 2021 State of the CIO study.</p>

<p>The best way to capture some of that value is by unifying the two technologies across your enterprise, using machine learning and AI to help collect and analyze operational data and optimize your processes. Whether you want to automate complex operations that span your entire organization, such as procure to pay, or automate repetitive tasks, IBM AI-powered Automation can help you reduce your manual processes by 80%. </p>


</td>
</tr>

</table>

</td>
</tr>
</table>


</td>
</tr>
</table>
</td>
</tr>


<!--IBM FOOTER-->

<tr>
<td>
<table width="100%" style="border-spacing: 0;">
<tr>

<td style="background: linear-gradient(16deg, rgba(0,0,0,1) 64%, rgba(42,112,95,1) 82%);padding:15px;text-align: center;">

<p><img src="https://msgfocus.com/files/amf_idg/workspace_24/ibm-logo-white.png" alt="IBM logo" width="90"></p>

<a href="https://www.linkedin.com/company/ibm" target="_blank"><img src="https://msgfocus.com/files/amf_idg/workspace_24/white-linkedin.png" alt="Linkedin logo" width="30"></a>
<a href="https://www.facebook.com/IBM/" target="_blank"><img src="https://msgfocus.com/files/amf_idg/workspace_24/white-facebook.png" alt="Facebook logo" width="30"></a>
<a href="https://twitter.com/IBM?ref_src=twsrc^google|twcamp^serp|twgr^author" target="_blank"><img src="https://msgfocus.com/files/amf_idg/workspace_24/white-twitter.png" alt="Twitter logo" width="30"></a>
<a href="https://www.youtube.com/ibm" target="_blank"><img src="https://msgfocus.com/files/amf_idg/workspace_24/white-youtube.png" alt="Youtube logo" width="30"></a>
</td>
</tr>



<tr>
<td style="padding-top:0px;">
<a href="#"><img src="https://msgfocus.com/files/amf_idg/workspace_24/shadow.jpg" width="600" alt="Banner" style="max-width: 100%;"></a>
</td>
</tr>







</table>

</td>
</tr>




</table>
</div>
</center>


</body>
</html>
 

Attachments

  • Outlook-recieved.png
    Outlook-recieved.png
    105.1 KB · Views: 1
  • What it should look like.png
    What it should look like.png
    159 KB · Views: 1
also the CIO header and banner are slightly wonky when received in outlook -please if anyone can help - TIA
 

Theme customization system

You can customize some areas of the forum theme from this menu.

  • Wide/Narrow view

    You can control a structure that you can use to use your theme wide or narrow.

    Grid view forum list

    You can control the layout of the forum list in a grid or ordinary listing style structure.

    Picture grid mode

    You can control the structure where you can open/close images in the grid forum list.

    Close sidebar

    You can get rid of the crowded view in the forum by closing the sidebar.

    Fixed sidebar

    You can make it more useful and easier to access by pinning the sidebar.

    Close radius

    You can use the radius at the corners of the blocks according to your taste by closing/opening it.

  • Choose the color combination that reflects your taste
    Background images
    Color gradient backgrounds
Back