Change the timer skin | Experience Community
Skip to main content
JoseS
Administrator
1 year ago
Question

Change the timer skin

  • Sep 28, 2020 11:21 AM UTC
  • 3 replies
  • 78 views
Forum|alt.badge.img+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

      TomG
      Level 8 ●●●●●●●●
      Forum|alt.badge.img+27
      • TomG
      • Level 8 ●●●●●●●●
      • Sep 28, 2020 1:02 PM UTC

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

      Forum|alt.badge.img+4
      • Avital
      • Author
      • Sep 28, 2020 3:56 PM UTC

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

      TomG
      Level 8 ●●●●●●●●
      Forum|alt.badge.img+27
      • TomG
      • Level 8 ●●●●●●●●
      • Sep 28, 2020 5:42 PM UTC

      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.

      Terms & ConditionsAccessibility statement