Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Countdown CSS

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Where does the style for the countdown come from ...
<div data-countdown="jb-countdown-1172">

On the countdown I can change the Event Date style but where do I get the white font color change happening for month/weeks/days along with the numbers?

Thanks
  • Andrew's Avatar
  • Andrew
  • 12 Month basic
  • 509 posts
  • 20 Thanks
  • Karma: 10
The administrator has disabled public write access.
Hi Andrew,

I'm hoping we can build on countdown and enlarge its functionality a little styling wise

At the moment it is largely tied to the wedding template css styling which is in no way a good idea

Are you wanting to target the numbers as a group rather than individually?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Oops ... somehow this slipped through
I'm using the Wedding template

The actual date I can change via the - .moduletable.countdown .before - which is fine

This is the bit I'm looking to customise. Can't seem to track that down.

<div data-countdown="jb-countdown-1172"><span class="month">2</span> <span class="monthText">months</span> <span class="week">12</span> <span class="weekText">weeks</span> <span class="day">5</span> <span class="dayText">Days</span> </div>
  • Andrew's Avatar
  • Andrew
  • 12 Month basic
  • 509 posts
  • 20 Thanks
  • Karma: 10
The administrator has disabled public write access.
that looks like the parent selector would be .countdown or .data-countdown

the children are (according to the elements editor):
span.month, span.monthText, span.week, span.weekText, span.day, span.dayText, span.hour, span.hourText, span.minute, span.minuteText, span.second, span.secondText

Ergo
.countdown span.month or .data-countdown span.month
  • blueshift's Avatar
  • blueshift
  • 6 Month Developer
  • 2579 posts
  • 78 Thanks
  • Karma: 26
Last Edit: 6 years 2 months ago by blueshift.
The administrator has disabled public write access.
The following user(s) said Thank You: Andrew
Yes this should work

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers