Stern Taxi Fare

Print

g. Change color of the calendar

All colors of this plugins inherits from your theme.

Sometimes it turns out some color should not be white. Hence Calendar is not visible.

calendar_Wrong

 

You can change these colors by overwriting your css theme.

  1. Use a Plugin like Simple Custom CSS.
  2. Overwrite theses classes:
    1. .bootstrap-datetimepicker-widget table td.old
    2. .bootstrap-datetimepicker-widget table td.day
    3. .bootstrap-datetimepicker-widget table thead tr:first-child th
    4. .bootstrap-datetimepicker-widget .timepicker-hour
    5. .bootstrap-datetimepicker-widget .timepicker-minute
    6. .bootstrap-datetimepicker-widget .timepicker-second

It gives:
 
CSS

.bootstrap-datetimepicker-widget table td.old {
    color: #777777;
}

.bootstrap-datetimepicker-widget table td.day {
  color: red;
}
  
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  color: orange;
}

.bootstrap-datetimepicker-widget .timepicker-hour, 
.bootstrap-datetimepicker-widget .timepicker-minute, 
.bootstrap-datetimepicker-widget .timepicker-second {
  color: #777777;
}

  
Picture
calendar_ok