How to edit the CSS for QSIFeedbackButton-flex-container | XM Community
Skip to main content
Solved

How to edit the CSS for QSIFeedbackButton-flex-container

  • September 10, 2024
  • 2 replies
  • 74 views

Forum|alt.badge.img+1

I tried editing the CSS of the element QSIFeedbackButton-flex-container via Look and Feel but no luck. Is there a way to specifically edit the CSS of this element?

Best answer by Aggarwal

You need to try custom css like

 

Qualtrics.SurveyEngine.addOnload(function() {
    // Inject CSS to target the specific element
    var css = '.QSIFeedbackButton-flex-container { display: none !important; }'; // Example: Hides the element
    var style = document.createElement('style');
    style.type = 'text/css';
    style.appendChild(document.createTextNode(css));
    document.head.appendChild(style);
});
 

2 replies

ArunDubey
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+41
  • QPN Level 8 ●●●●●●●●
  • September 10, 2024

You can add your own CSS. add “!important” with your CSS element value to give upper weightage of your custom CSS.


Aggarwal
Level 4 ●●●●
Forum|alt.badge.img+15
  • Level 4 ●●●●
  • Answer
  • September 11, 2024

You need to try custom css like

 

Qualtrics.SurveyEngine.addOnload(function() {
    // Inject CSS to target the specific element
    var css = '.QSIFeedbackButton-flex-container { display: none !important; }'; // Example: Hides the element
    var style = document.createElement('style');
    style.type = 'text/css';
    style.appendChild(document.createTextNode(css));
    document.head.appendChild(style);
});