This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

CSS Date Time

Description

CSS Date Time automatically adds dynamic Date & Time CSS Styles to your HTML body element. Now you can easily customize the look and feel of your website based on month, day of the week, time of day, holidays and more.

Want to change the background of your site in the morning? No problem!

Need all your content to be upside-down on April Fools Day? Super easy!

With CSS Date Time the only limit is your imagination!

Set date and time based on WordPress time or user’s local time!

CSS Date Time works pre-load via PHP or post-load via Javascript!

Dynamic CSS Classes Include

  • Month
  • Day of the Week
  • Time of Day
  • Major Holidays
  • And many more!

For full details, documentation and tutorials visit CSS Date Time.

Screenshots

  • CSS Date Time Settings

Installation

  1. Click “Add New” from the Plugins page in your WordPress Dashboard
  2. Enter “CSS Date Time” in the “Search Plugins” field
  3. Locate CSS Date Time and click “Add Now” followed by “Activate”
  4. Visit the CSS Date Time Settings page and follow the instructions to configure CSS Date Time

FAQ

Installation Instructions
  1. Click “Add New” from the Plugins page in your WordPress Dashboard
  2. Enter “CSS Date Time” in the “Search Plugins” field
  3. Locate CSS Date Time and click “Add Now” followed by “Activate”
  4. Visit the CSS Date Time Settings page and follow the instructions to configure CSS Date Time
What does CSS Date Time do?

CSS Date Time Pro automatically adds dynamic Date & Time CSS Styles to your HTML body element.

You add your own CSS classes to override and modify your site.

Want a night sky background in the evening? Just add the class to your CSS stylesheet.

.cssdt-evening { background-image: src(‘/wp-content/uploads/2017/10/night-sky.jpg’); }

Read the documentation for full details.

Does CSS Date Time use the visitor’s date & time or my WordPress date & time?

CSS Date Time can use either!

By default your WordPress date & time are used to generate CSS classes.

To use the visitor’s date & time CSS check the ‘Enable Javascript Callback’ and ‘Enable Browser-based Time’ in the settings.

Read the documentation for full details.

Does CSS Date Time work with caching plugins?

Yes! Read the documentation for full details.

Contributors & Developers

“CSS Date Time” is open source software. The following people have contributed to this plugin.

Contributors

Translate “CSS Date Time” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

0.9.2

  • Removed unnecessary Javascript console.log()

0.9.1

  • Added local date/time option for Javascript

0.9.0

  • Initial version