Hello, I encountered an issue in Qualtrics email invites when using buttons. When participants forward the invite, the buttons become misaligned and the links stop working. As a temporary solution, we removed the HTML code responsible for rounded borders. I'm seeking suggestions or any customization options available to address this problem specifically in Outlook. Thank you!
Question
Formatting Issue with Qualtrics Email Invites in Outlook: Misaligned Buttons and Non-Clickable Links
+41Hi, Try this. I used the same and it was working.
Table:
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>
<table cellspacing="0" cellpadding="0">
<tr>
<td class=”button” bgcolor="#ED2939">
<a class=”link” href="Your http link" target="_blank">
Click
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
CSS for Button: pass this on html head
<style>
.button {
border-radius: 2px;
}
.button a {
padding: 8px 12px;
border: 1px solid #ED2939;
border-radius: 2px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #ffffff;
text-decoration: none;
font-weight: bold;
display: inline-block;
}
table {
text-align: center;
}
</style>
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.