Title: Css day problems
Last modified: June 22, 2019

---

# Css day problems

 *  Resolved [fabiobricchi](https://wordpress.org/support/users/fabiobricchi/)
 * (@fabiobricchi)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/css-day-problems/)
 * Hi, i put your css for days style, but something goes wrong with my page seems
   does not work
 * [http://test.barbaecapelli.com/calendario-sala/](http://test.barbaecapelli.com/calendario-sala/)
 * for examples past days must be not red!
 * thanks in advance
 * /*For available dates:*/
    #fbuilder .ui-datepicker-calendar .ui-state-default{
   background:#dfeffe;color:#1a4a78;} /*For past dates:*/ #fbuilder .ui-datepicker-
   unselectable .ui-state-default{background:#f4f4f4;color:#ddd;} /*For active date:*/#
   fbuilder .ui-datepicker-calendar .ui-state-active {background: #e9d99b; color:#
   f00;} /*For fully-booked dates:*/ #fbuilder .notavailslot .ui-state-default{background:#
   f00} /*For invalid dates like holiday, etc:*/ #fbuilder .invalidDate .ui-state-
   default{color:#b4b3b3}
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-day-problems%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/css-day-problems/#post-11664507)
 * Hi,
 * Please use the following CSS rule instead the second one you sent in you message(
   for past dates):
 *     ```
       /*For past dates:*/
       #fbuilder .notavailslot.ui-datepicker-unselectable .ui-state-default{background:#f4f4f4;color:#ddd;}
       ```
   
 * Thank you for using the plugin!
 *  Thread Starter [fabiobricchi](https://wordpress.org/support/users/fabiobricchi/)
 * (@fabiobricchi)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/css-day-problems/#post-11664523)
 * Thanks, very fast reply, but there is a way to have differente style for:
 * 1- Past Dates
    2- Fully booked day
 * i want to color in grey the past dates and in red the fully booked day.
 * Thanks Again.
 * Fabio
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/css-day-problems/#post-11664658)
 * Hi,
 * Please update first to the latest version #1.1.40 published today and then use
   the following styles:
 *     ```
       /*For available dates:*/
       #fbuilder .ui-datepicker-calendar .ui-state-default {background:#dfeffe;color:#1a4a78;}
       /*For non-available dates:*/
       #fbuilder .ui-datepicker-unselectable .ui-state-default{background:#f4f4f4;color:#ddd;}
       /*Before min date:*/
       #fbuilder .beforemindate.ui-datepicker-unselectable .ui-state-default{background:#f4f4f4;color:#ddd;}
       /*For active date:*/
       #fbuilder .ui-datepicker-calendar .ui-state-active {background: #e9d99b; color: #f00;}
       /*For fully-booked dates:*/
       #fbuilder .notavailslot.ui-datepicker-unselectable .ui-state-default{background:#f00}
       /*For invalid dates like holiday, etc:*/
       #fbuilder .invalidDate.ui-datepicker-unselectable .ui-state-default{color:#b4b3b3}
       ```
   
 * Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Css day problems’ is closed to new replies.

 * ![](https://ps.w.org/appointment-hour-booking/assets/icon-256x256.png?rev=1784135)
 * [Appointment Hour Booking - Booking Calendar](https://wordpress.org/plugins/appointment-hour-booking/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/appointment-hour-booking/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/appointment-hour-booking/)
 * [Active Topics](https://wordpress.org/support/plugin/appointment-hour-booking/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/appointment-hour-booking/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/appointment-hour-booking/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [style](https://wordpress.org/support/topic-tag/style/)

 * 3 replies
 * 2 participants
 * Last reply from: [codepeople](https://wordpress.org/support/users/codepeople/)
 * Last activity: [6 years, 11 months ago](https://wordpress.org/support/topic/css-day-problems/#post-11664658)
 * Status: resolved