How to change calendar entry background based on taxonomy?
Look at the HTML source of your calendar display, and try to find:


&lt;div class="block- (whatever)" ... &gt;Calendar entry stuff&lt;/div&gt;


The CSS class name might be something like "block block-calendar block-calendar-entry" but you just want the most specific one that works, and only shows on each calendar entry.

Use CSS transparent coloration of the individual entries:



/* Colors a calendar entry lighter */

div.block-calendar-entry {

background-color: rgba(255, 255, 255, 0.3)

}



The first three numbers give the RGB value, and the last one gives the opacity.

Since 255, 255, 255 (maximum red, green, and blue) would be white, an opacity of 0.3 (30%) will lighten any background color that bleeds through from the parent container.