Custom CSS | XM Community
Skip to main content
Solved

Custom CSS

  • September 10, 2018
  • 4 replies
  • 3462 views

Forum|alt.badge.img
Hi, I would like to ask if someone of you has experience how to modify survey themes by customising CSS? What can I actually change? Your support is much appreciated. Cheers, Peter

Best answer by NiC

hey @palsen As Qualtrics is a web based platform you can use your browsers Inspect (inspect element in firefox) mode to see the underlying html and css and get required class through it as @PraDeepKotian_Ugam has shown. You can also try the css code you intend to use in the console, here is a link how you can do that in chrome - Tools for Web Developers Hope this Helps :)

4 replies

  • September 10, 2018
Hello @palsen , Follow this page for Custom CSS. You can change the size, color, visibility etc of elements through custom css and many more. Various customization are answered on the community, just search with relevant keyword. If you didn't find your requirement, feel free to post the question on community Example: In scoring question result page if you want to show only the question which are right or wrong and not which option is right or wrong, then this is possible with css(related post)

Forum|alt.badge.img
  • Author
  • September 10, 2018
Thanks Shashi, I've read all information on inserting custom CSS via the look & feel feature. What I am looking for are CSS class names and id's which I can target with my custom CSS.

PraDeepKotian_XM
QPN Level 5 ●●●●●
Forum|alt.badge.img+21
  • QPN Level 5 ●●●●●
  • September 11, 2018
Hello @palsen, To get class name's and id's one way is to inspect the page of survey. !

NiC
QPN Level 5 ●●●●●
Forum|alt.badge.img+27
  • QPN Level 5 ●●●●●
  • Answer
  • September 11, 2018
hey @palsen As Qualtrics is a web based platform you can use your browsers Inspect (inspect element in firefox) mode to see the underlying html and css and get required class through it as @PraDeepKotian_Ugam has shown. You can also try the css code you intend to use in the console, here is a link how you can do that in chrome - Tools for Web Developers Hope this Helps :)