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.

    Thanks,
    Jordan.

    https://www.ads-software.com/plugins/jm-avail-booking/

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

    (@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	{
background-color:#f00;
}
.cal_reserved	{
    background-color:#cd5c5c;
}
-->
</style>

    Regards,

    Jan

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