Title: Timer positioning
Last modified: May 13, 2023

---

# Timer positioning

 *  Resolved [nath10](https://wordpress.org/support/users/nath10/)
 * (@nath10)
 * [3 years ago](https://wordpress.org/support/topic/timer-positioning/)
 * I want to change the position of the timer, so it can be visible to the quiz 
   taker. Preferably closer to the question in play. How do I go about it?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ftimer-positioning%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Plugin Author [Harmonic Design](https://wordpress.org/support/users/harmonic_design/)
 * (@harmonic_design)
 * [3 years ago](https://wordpress.org/support/topic/timer-positioning/#post-16735479)
 * You can use CSS to change the position of the timer.
 * By default, the timer is placed in the bottom right of the screen. 40px from 
   the right, and 40px from the bottom.
 *     ```wp-block-code
       .hdq_timer {
           bottom: 40px !important;
           right: 40px !important;
       }
       ```
   
 * Just note that your request of “closer” to the questions is possible, but having
   it “exactly” next to the questions is impossible without also adding custom JavaScript
   to your site to figure out where on the screen your questions are even loading(
   some people might be on phones, others on large ultra-wide monitors. The position
   will change based on the user’s screen size).
 * If you change the `right: 40px !important;` above to `
   right: calc(50% - 60px)!
   important;
    then this will center it horizontally on the screen. I recommend 
   starting with that and then playing around with the numbers to land on something
   that you think works best for you.
 * The best place to add this code is to your theme’s `style.css` file. If not, 
   most themes are compatible with the WordPress customizer which can be found by
   logging into your site and going to appearance -> customize, then selecting the“
   Additional CSS” accordion.

Viewing 1 replies (of 1 total)

The topic ‘Timer positioning’ is closed to new replies.

 * ![](https://ps.w.org/hd-quiz/assets/icon-256X256.gif?rev=2936040)
 * [HD Quiz](https://wordpress.org/plugins/hd-quiz/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/hd-quiz/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/hd-quiz/)
 * [Active Topics](https://wordpress.org/support/plugin/hd-quiz/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/hd-quiz/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/hd-quiz/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Harmonic Design](https://wordpress.org/support/users/harmonic_design/)
 * Last activity: [3 years ago](https://wordpress.org/support/topic/timer-positioning/#post-16735479)
 * Status: resolved