Title: [Plugin: Countdown Timer] CSS – Class or ID for each time increment
Last modified: August 19, 2016
---
# [Plugin: Countdown Timer] CSS – Class or ID for each time increment
* Resolved [bborman](https://wordpress.org/support/users/bborman/)
* (@bborman)
* [15 years, 6 months ago](https://wordpress.org/support/topic/plugin-countdown-timer-css-class-or-id-for-each-time-increment/)
* As far as I can tell, this plugin spits out one long string for the event countdown,
like this:
* ```
in 5 days, 9 hours, 7 minutes, 23 seconds
```
* In order to have more flexibility with the CSS, I would like to be able to have:
* ```
in 5 days, 9 hours, 7 minutes, 23 seconds
```
* (or something like that – I just threw in span tags for simplicity)
* Where in the PHP file would I edit to modify the HTML output? Or is this even
possible without breaking the plugin?
* Thanks in advance…
* [http://wordpress.org/extend/plugins/countdown-timer/](http://wordpress.org/extend/plugins/countdown-timer/)
Viewing 9 replies - 16 through 24 (of 24 total)
[←](https://wordpress.org/support/topic/plugin-countdown-timer-css-class-or-id-for-each-time-increment/?output_format=md)
[1](https://wordpress.org/support/topic/plugin-countdown-timer-css-class-or-id-for-each-time-increment/?output_format=md)
2
* Plugin Author [fergbrain](https://wordpress.org/support/users/fergbrain/)
* (@fergbrain)
* [15 years, 4 months ago](https://wordpress.org/support/topic/plugin-countdown-timer-css-class-or-id-for-each-time-increment/page/2/#post-1813802)
* [@bborman](https://wordpress.org/support/users/bborman/)
* Can you send me a URL to look at?
* Thread Starter [bborman](https://wordpress.org/support/users/bborman/)
* (@bborman)
* [15 years, 4 months ago](https://wordpress.org/support/topic/plugin-countdown-timer-css-class-or-id-for-each-time-increment/page/2/#post-1813804)
* [@fergbrain](https://wordpress.org/support/users/fergbrain/)
* Sorry, my site is not live… Developing locally right now. A co-worker and I rewrote
some of the output portions of the plugin, and I’ve got some more of the functionality
I mentioned above, at least when the JS countdown is active… Not sure what the
problem was, but posting my solution here wouldn’t be helpful to most users since
I changed the functionality somewhat.
* Thanks for all your help, though!
* [H R](https://wordpress.org/support/users/hnfr/)
* (@hnfr)
* [14 years, 11 months ago](https://wordpress.org/support/topic/plugin-countdown-timer-css-class-or-id-for-each-time-increment/page/2/#post-1813830)
* [@fergbrain](https://wordpress.org/support/users/fergbrain/)
* And how about to separate the time number from time designation:
ex: 12
Hours,10Minutes.
* Could you please help me on that?
Thanks
* Plugin Author [fergbrain](https://wordpress.org/support/users/fergbrain/)
* (@fergbrain)
* [14 years, 11 months ago](https://wordpress.org/support/topic/plugin-countdown-timer-css-class-or-id-for-each-time-increment/page/2/#post-1813831)
* [@hnfr](https://wordpress.org/support/users/hnfr/)
* What’s the goal? There may be a better way.
* [H R](https://wordpress.org/support/users/hnfr/)
* (@hnfr)
* [14 years, 11 months ago](https://wordpress.org/support/topic/plugin-countdown-timer-css-class-or-id-for-each-time-increment/page/2/#post-1813832)
* [@fergbrain](https://wordpress.org/support/users/fergbrain/)
* I want to create a box for each, with a big number and a small designation
ex:
* 2 10 20
Days Hours Minutes
* [H R](https://wordpress.org/support/users/hnfr/)
* (@hnfr)
* [14 years, 11 months ago](https://wordpress.org/support/topic/plugin-countdown-timer-css-class-or-id-for-each-time-increment/page/2/#post-1813833)
* or… something like the guys from F1 driver Mark Weber’s site made:
[http://www.markwebber.com/](http://www.markwebber.com/)
* Plugin Author [fergbrain](https://wordpress.org/support/users/fergbrain/)
* (@fergbrain)
* [14 years, 11 months ago](https://wordpress.org/support/topic/plugin-countdown-timer-css-class-or-id-for-each-time-increment/page/2/#post-1813834)
* [@hnfr](https://wordpress.org/support/users/hnfr/)
* It’s going to require a bit of modification to the code, what have you tried?
* [H R](https://wordpress.org/support/users/hnfr/)
* (@hnfr)
* [14 years, 11 months ago](https://wordpress.org/support/topic/plugin-countdown-timer-css-class-or-id-for-each-time-increment/page/2/#post-1813835)
* Just what has been discussed here, but i’m lousy in javascript language.
* Plugin Author [fergbrain](https://wordpress.org/support/users/fergbrain/)
* (@fergbrain)
* [14 years, 11 months ago](https://wordpress.org/support/topic/plugin-countdown-timer-css-class-or-id-for-each-time-increment/page/2/#post-1813836)
* [@hnfr](https://wordpress.org/support/users/hnfr/)
* I’m happy to answer questions and help fix bugs. However, I don’t have the time
to help develop new code to one-off requests like this. If you are in need of
someone to program, my services are available for hire.
Viewing 9 replies - 16 through 24 (of 24 total)
[←](https://wordpress.org/support/topic/plugin-countdown-timer-css-class-or-id-for-each-time-increment/?output_format=md)
[1](https://wordpress.org/support/topic/plugin-countdown-timer-css-class-or-id-for-each-time-increment/?output_format=md)
2
The topic ‘[Plugin: Countdown Timer] CSS – Class or ID for each time increment’
is closed to new replies.
* 
* [Countdown Timer](https://wordpress.org/plugins/countdown-timer/)
* [Frequently Asked Questions](https://wordpress.org/plugins/countdown-timer/#faq)
* [Support Threads](https://wordpress.org/support/plugin/countdown-timer/)
* [Active Topics](https://wordpress.org/support/plugin/countdown-timer/active/)
* [Unresolved Topics](https://wordpress.org/support/plugin/countdown-timer/unresolved/)
* [Reviews](https://wordpress.org/support/plugin/countdown-timer/reviews/)
* 24 replies
* 4 participants
* Last reply from: [fergbrain](https://wordpress.org/support/users/fergbrain/)
* Last activity: [14 years, 11 months ago](https://wordpress.org/support/topic/plugin-countdown-timer-css-class-or-id-for-each-time-increment/page/2/#post-1813836)
* Status: resolved