Formatting Issue with Qualtrics Email Invites in Outlook: Misaligned Buttons and Non-Clickable Links | XM Community
Skip to main content
Question

Formatting Issue with Qualtrics Email Invites in Outlook: Misaligned Buttons and Non-Clickable Links

  • May 18, 2023
  • 1 reply
  • 61 views
V
Level 2 ●●
Forum|alt.badge.img+9

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!

1 reply

ArunDubey
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+41
  • ArunDubey
  • QPN Level 8 ●●●●●●●●
  • May 18, 2023

Hi, 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>

 

 

~ Arun Kumar Dubey
Terms & ConditionsAccessibility statement