Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Change countdown colors Eventum

Featured Lock Resolved Issue
I am trying to change the colors of each of the time frame sets on the countdown on eventum.
right now is yellow, orange , blue, green - but i want it to be green, white, red, blue... any help on how?
thanks in advance.

Attachments (1)

  • 2018-08-31_001257.jpg
    2018-08-31_001257.jpg 86.3 KB

6 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Please use this css into your custom css to solve this issue

#countdown-timer .sppb-countdown-number.timer-day {
color: green !important;
}
#countdown-timer .sppb-countdown-number.timer-hour {
color: white !important;
}
#countdown-timer .sppb-countdown-number.timer-minute {
color: red !important;
}
#countdown-timer .sppb-countdown-number.timer-second {
color: blue !important;
}


Here is the custom css field https://prnt.sc/ijudw8

-Best Regards

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your reply. Please use this css into your custom css to solve this

#countdown-timer .sppb-countdown-days .sppb-countdown-number {
color: #00ffa7 !important;
}
#countdown-timer .sppb-countdown-hours .sppb-countdown-number {
color: #ffffff !important;
}
#countdown-timer .sppb-countdown-minutes .sppb-countdown-number {
color: #ff0000 !important;
}
#countdown-timer .sppb-countdown-seconds .sppb-countdown-number {
color: #3f91c6 !important;
}


-Best Regards

APD

More than a month ago #Permalink
Hi,
Thanks for your reply. Please use this css into your custom css to solve this

#countdown-timer .sppb-countdown-days .sppb-countdown-number {
color: #00ffa7 !important;
}
#countdown-timer .sppb-countdown-hours .sppb-countdown-number {
color: #ffffff !important;
}
#countdown-timer .sppb-countdown-minutes .sppb-countdown-number {
color: #ff0000 !important;
}
#countdown-timer .sppb-countdown-seconds .sppb-countdown-number {
color: #3f91c6 !important;
}


-Best Regards


for some reason days is not changing the rest it is, the green color does not work...

Sifat - Staff

More than a month ago #Permalink
It should work.
Please show me where you've inserted the css?

APD

More than a month ago #Permalink
It should work.
Please show me where you've inserted the css?


it did worked now, last night it wasnt maybe was a temp file error, now all works great thank you!

Sifat - Staff

More than a month ago #Permalink
You are most welcome


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 112
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 108
Toufiq

Toufiq

Total Accepted Answers: 37
Pavel

Pavel

Total Accepted Answers: 4
J

johnny

Total Accepted Answers: 3

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us