Countdown timer background

[hound]

Hello. I’ve seen the Countdown Timer with the Days, Hours & Minutes displayed in 3 white boxes against a colored background (the colons were not part of the 3 white boxes). I really like this look and have been trying to recreate it, but have only been able to change the color of the background color for the whole widget, not the separate boxes for DD, HH & MM. Could you point me in the right direction? I can’t seem to find the right css override to do the trick. Many thanks for your help!

[Casey]

hound,
Thanks for getting in touch! You should be able to change the styling of those sections using some CSS similar to this:


.tribe-countdown-days {
background:red !important;
}

.tribe-countdown-hours {
background:blue !important;
}

.tribe-countdown-minutes {
background:orange !important;
}

.tribe-countdown-seconds {
background:green !important;
}


Give that a try and let me know if it does the trick. Thanks! 🙂

-Casey-

[hound]

Bingo!
I swear I thought I tried that last night, but apparently it needed your magic touch.
Thank you so much!

[Casey]

Excellent! Thanks for confirming that this got you sorted. Since it looks like you’re all set, I’m going to mark this thread “Answered” and close it out.

By the way, if you have a minute or two, we would love it if you’d write a few words for us here: http://m.tri.be/lo

Thanks in advance. 🙂

Cheers,
Casey

[Author]

Posts