How to Adjust and Control the Size of a Circular Timer

While the circular countdown timers are mobile-responsive and will re-size based on the width of the viewing device, you can still make some changes to the appearance of your circular countdowns.

Note:  The instructions that follow are just for using a circular inline countdown timer.

To change the size of a circular inline countdown timer:

Replace this:

<div class="ddio_countdown_wrap"></div>

With this:

<div class="ddio_countdown_wrap" style="width: 75%;margin: 0 auto;"></div>

You can adjust the size by changing 75% to 50% or any other percentage you want between 0 and 100.

If you have any questions, please let us know at

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us