LH CSS Dates and Times

This plugin enables you to have a different design for you site depending on trhe time or date! For example a red, green, and gold design on Christmas day, or a firework background on the fourth of July. The only limit is your imagination!

LH CSS Dates and Times automatically adds dynamic Date & Time classes to your HTML body element via javascript.

So you can add CSS selectors based on those classes to override and modify your site design. For example sunrise background in the morninging? Just add the class to your CSS stylesheet. .cssdt-evening { background-image: src('/wp-content/uploads/2017/10/sunrise.jpg'); }

Two reasons!

1. Dynamically adding this via javascript will not break your caching plugins ever!
2. Your visitors time and deate is often different to the websites. This plugin uses javascript so the classes are based on the visitors time.

Because they are added by javascript on the domcontentloaded event. This still means they can be used for styling purposes though.

You can use dev tools (or equivalents in other browsers) to inspect the the DOM elements and you will see the classes.

Go to to the plugin donation page to see a live (very trivial) example.

1. Simple date ie the first of january 2018 would be 'cssdt-01-01-2017'
2. Hour ie Midnight would be 'cssdt-hour-0'
3. Time of day (this is divided into 4 blocks, night being - 0-6, morning 6-12, afternnon 12-18, and evening being 18-24. So 3PM would be 'cssdt-afternoon'
4. AM or PM , so 3PM would be 'cssdt-pm'
5. Weekday eg 'cssdt-tuesday'
6. Monthday so the first of January 2018 would be 'cssdt-monthday-01'
7. Month so the first of January 2018 would be 'cssdt-january'
8. Day of year, so the first of January 2018 would be 'cssdt-yearday-01-01'
9. Year, so the first of January 2018 would be 'cssdt-2018'

LH CSS Dates and Times, and all https://lhero.org plugins are made to WordPress standards. Therefore they should work with all well coded plugins and themes. However not all plugins and themes are well coded (and this includes many popular ones). If something does not work properly, firstly deactivate ALL other plugins and switch to one of the themes that come with core, e.g. twentyfifteen, twentysixteen etc. If the problem persists pleasse leave a post in the support forum: https://wordpress.org/support/plugin/lh-css-dates-and-times/ . I look there regularly and resolve most queries.

Please contact me for custom work and enhancements here: https://shawfactor.com/contact/