"Powered by Qualtrics" is interfering with my footer. | XM Community
Solved

"Powered by Qualtrics" is interfering with my footer.

  • 27 December 2018
  • 1 reply
  • 197 views

The "Powered by Qualtrics" element is interfering with my footer. I've tried clearing my floats but that does not seem to be working. I've added a screenshot, HTML, and CSS. Any help would be appreciated.

Screenshot:
!

HTML:
```
<div id="Footer_Left" style="font-size:12px; color:#2D8CCC;">
<p ><strong>Site Links</strong></p>
<a href="https://www.tuftsmedicarepreferred.org/where-can-i-find-information-about-tufts-health-plan-medicare-preferred-privacy-practices" style="text-decoration:none">Legal Security & Privacy Practices</a>
<a href="https://www.tuftsmedicarepreferred.org/where-can-i-find-information-about-tufts-health-plan-medicare-preferred-privacy-practices" style="text-decoration:none">Privacy Notice</a>
</div>

<div id="Footer_Center"style="font-size:12px; color:#2D8CCC;">
<p><strong>Additional Information</strong></p>
<a href="https://www.hrasurvey.com/tufts/medicare/" style="text-decoration:none">Tufts Medicare Preferred Site</a>
</div>

<div id="Footer_Right"style="font-size: 12px; color: #2D8CCC;">
<p><strong>©️ 2013 Tufts Associated Health Plans, Inc.</strong></p>
<p style="color:black;"><i>All rights reserved. Tufts Health Plan Medicare Preferred is a Medicare Advantage organization with a Medicare contract. Tufts Medicare Supplement plans are offered in accordance with Massachusetts law.</i></p>
<div style="clear: both"></div>
</div>
```
CSS:
```

Footer_Left {


float:left;
width: 200px;
text-align:left;
}

Footer_Center {


margin:auto;
width: 200px;
text-align:left;
}
#Footer_Right {
float:right;
width: 200px;
text-align:left;
}
```
icon

Best answer by Eesh 27 December 2018, 21:14

View original

1 reply

Userlevel 4
Badge +3
Hi SullyFubar,

You can either use css to move the element or hide the element by adding below code in either footer or header section:

<script type="text/javascript">
Qualtrics.SurveyEngine.addOnReady(function() {
jQuery('#Plug').attr('style', 'display:none !important');
});
</script>

Leave a Reply