Looking to customize a course calendar so that the day column stands out on its designated day of the week.
For example, on Wednesday, the Wednesday column should have a distinct appearance.
I've been experimenting with different methods and searching for solutions on forums, but so far, I haven't had much success. Any new approach would be greatly appreciated. Thank you.
Script
<script src="http://code.jquery.com/jquery-1.7.1.js" type="text/javascript"></script>
<script>
$('.fc-today').prevAll('ul').css('backgroundColor','yellow');
$('.fc-today').parent().prevAll().find('ul').css('backgroundColor','yellow');
</script>
HTML
<div class="calendar-daycontent fc-mon">
<ul>
<a href="###">
<li class="class-time">
11.00 - 12.00
</li>
<li class="class-header">
Class
</li>
<li class="class-inst">
Instructor
</li>
</a>
</ul>
</div>
<!-- more HTML code here -->
CSS
div.calendar-daycontent {
float : left ;
width : 138px ;
margin : 1px ;
display : block ;
}
<!-- More CSS styling rules here -->