How do i link my custom css file in the File Library to a survey? | XM Community
Question

How do i link my custom css file in the File Library to a survey?

  • 29 January 2021
  • 5 replies
  • 347 views

Userlevel 1

I have tried putting this in the old look and feel editor:
image.pngbut still not working, the style didn't take effect
i inspect the network tab in browser and its coming in as text/plain
How do i get this working?


5 replies

Userlevel 2
Badge +10

If you're using the old look and feel editor, use the "External CSS" input text box and add the URL to your CSS code.

Screen Shot 2021-02-01 at 3.11.44 PM.pngDoes this work?

Userlevel 1

But that will mean the css file is hosted externally, not in my files Libraries. I need to reference it from my file library as its the central place where all assets are stored

Userlevel 2
Badge +10

Try taking the link in the "href" within the photo that you took above and putting that URL in the "External CSS". You can still use the External CSS for CSS in Qualtrics libraries, as long as you have the link.
Something I forgot to add-- you'll also want to be sure that you have the "Blank (for styling)" Theme selected to ensure that your CSS shows up properly and is not conflicting with the CSS on other themes.
Screen Shot 2021-02-02 at 3.08.36 PM.pngYou can also get the URL for any file in your library by clicking on the file, selecting "View", and copying the URL of the webpage it brings you to.
Screen Shot 2021-02-02 at 3.13.40 PM.png

Userlevel 7
Badge +21

The workaround I use for this is to place the script and link tags in an answer choice. This is especially useful, when I want to import specific libraries for specific pages.
Take a look at this demo.
This is what the choices look like:
image.png

Userlevel 1

thanks

Leave a Reply