Timer positioning | WordPress.org

[ad_1]

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.

.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.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer