Hiding "Powered by Qualtrics"
Best answer by Anonymous
+27
+11+11
+3
+5+27
+1Hi all - I'm having the same issue with the 'Powered by Qualtrics' when progressing to the second page, even with the 'OnReady' solution. Is there any other solution? (Unfortunately, I can't access github on my work computer so can't see the solution by TomG). I'm also open to moving the text (e.g. shifting it up or down slightly). The problem is that it's over the top of some other content in my footer.
Thanks,
Erica
+1TylerK's response on behalf of Qualtrics is unacceptable. Given how much Qualtrics costs, it's absurd that we can't remove your advertising plug from our surveys. I submitted a Product Idea to this effect, but requiring this and recommending against a workaround is just shady, IMO.
+1https://community.qualtrics.com/XMcommunity/discussion/comment/29838#Comment_29838FWIW I found that adding the code into the header in Theme was unreliable.
Adding it directly into the Look & Feel>General>Header seems to be better.
I find automatically adding this exit link to allow users get lost during surveys we pay to collect is really cheeky. At the very least it should be configurable by the survey owner.
If it had anything to do with Privacy or User Security then it would link to the relevant policies.
I think the fact that the element is called #Plug gives a big clue :)
+3I think hiding "Powered by Qualtrics" with custom CSS is better and more reliable.
Javascript always runs after the DOM is loaded, thus the element is displayed and then removed if the script function is called.
If you add custom CSS, the CSS is included in the DOM and parsed before the "Powered by Qualtrics" element, thus the rules from the custom CSS will be applied at the time of rendering.
The element has very strong inline style rule style="display: block !important;". This rule cannot be overridden from the custom CSS. But there are other CSS rules we could use to our advantage.
I came up with the following custom CSS rule:
/* hide Qualtrics logo */
body .Skin #Plug a{
height: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
/* end of hide Qualtrics logo */
Just copy the above code to your Theme's or Survey's Style setting -> Custom CSS.
What this rule does, is that it reduces the height of the "Powered by Qualtrics" element to 0 pixels and does not allow it's contents to overflow.
Im a new user here
I had come across to some survey i didn't get any rewards
What can i do
And i need more survey opportunity in my mail i didn't know how to get survey
You can message me on my whatapp only
+(347)2290030
Thanks
+25I think hiding "Powered by Qualtrics" with custom CSS is better and more reliable.
Javascript always runs after the DOM is loaded, thus the element is displayed and then removed if the script function is called.
If you add custom CSS, the CSS is included in the DOM and parsed before the "Powered by Qualtrics" element, thus the rules from the custom CSS will be applied at the time of rendering.
The element has very strong inline style rule style="display: block !important;". This rule cannot be overridden from the custom CSS. But there are other CSS rules we could use to our advantage.
I came up with the following custom CSS rule:
/* hide Qualtrics logo */
body .Skin #Plug a{
height: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
/* end of hide Qualtrics logo */
Just copy the above code to your Theme's or Survey's Style setting -> Custom CSS.
What this rule does, is that it reduces the height of the "Powered by Qualtrics" element to 0 pixels and does not allow it's contents to overflow.
This also works and is shorter:
.plug-container {display:none; !important} /* Hides the Qualtrics Plug */
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.