Change the timer skin | XM Community
Question

Change the timer skin

  • 28 September 2020
  • 3 replies
  • 17 views

Badge +4

I have some timed questions on a survey and I'd like to show the timer, but the look of the default timer in qualtrics seems visually distracting. I'm hoping for something more subtle (e.g. simple light gray numerals on a white background). Is there a way to change the look of the timer?


3 replies

Userlevel 7
Badge +27

You can override the .FlipClock CSS properties with Custom CSS.

Badge +4

Great, thank you! Do you know of any resources I can consult on this? Which properties can I change?

Userlevel 7
Badge +27

https://www.qualtrics.com/community/discussion/comment/30660#Comment_30660Use your browser's inspect feature to inspect the html of the timer. Find a .FlipClock CSS rule and click on the link to the associated style sheet. You'll see all the rules and properties pertaining to the flip-click listed there. You can override any of the properties or add new ones if needed.

Leave a Reply