Date Reservation Widget: How to disable a specific weekday?

  • Profile Image
    pearlynnrose
    Asked on January 29, 2017 at 09:38 PM
    Hi, just wondering what codes I would need for other days in the week so I can adjust my calendar accordingly. Thank you :D
  • Profile Image
    Chriistian
    Answered on January 29, 2017 at 09:49 PM

    To disable the selection of other days, simply change the value in the parenthesis (3) corresponding with the weekday. So to disable monday, simply change the value to (1) as highlighted in the code below.

    td:nth-child(1) { /*monday*/

        opacity: .35;

        background-image: none;

        pointer-events: none;

    }

    Then for Friday, replace the value with (5).

    td:nth-child(5) { /*friday*/

        opacity: .35;

        background-image: none;

        pointer-events: none;

    }

    If you need further assistance, please let us know.
    Regards.