Support » Plugin: WP Availability Calendar & Booking » CSS conflict for reserved/booked colouring

  • The theme I am using alternates the colouring for the weeks of the calendar to make them more readable, every odd week has a light grey shading. This is provided by the below line in the themes stylesheet.

    .post-content table tbody > tr:nth-child(odd) > td { background: #f9f9f9; }

    Unfortunately this shading seems to take precedence over reserved/booked colouring and odd weeks do not appear as reserved/booked.

    For now I have commented out the offending line in the themes stylesheet but would like a more elegant solution if possible, one that does not have to be repeated after a theme update.


Viewing 1 replies (of 1 total)
  • Plugin Contributor Jan Maat


    Hi Jordan,

    One way is to place at the top of the post with the calendar the following:

    <style type="text/css">
    .cal_post	{
    .cal_reserved	{



Viewing 1 replies (of 1 total)
  • The topic ‘CSS conflict for reserved/booked colouring’ is closed to new replies.