Css day problems

  • Resolved fabiobricchi

    (@fabiobricchi)


    6 years, 11 months ago

    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/

    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 to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author codepeople

    (@codepeople)

    6 years, 11 months ago

    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

    (@fabiobricchi)

    6 years, 11 months ago

    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

    (@codepeople)

    6 years, 11 months ago

    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.

Tags