Custom CSS: Difference between revisions
Jump to navigation
Jump to search
| Line 58: | Line 58: | ||
.bookingpagecentshide {display:inline;} | .bookingpagecentshide {display:inline;} | ||
=== Mark certain | === Mark certain fields in the calendar selector=== | ||
You can highlight both the headings of the calendar (i.e. Mon, Tue, Wed, Thu, Fri, Sat, Sun) and all the dates that fall on a given day of the week (i.e. all 4 or 5 dates that fall on a Saturday). | |||
Headings = .dayMon (dayTue, dayWed, dayThu, dayFri, daySat, daySun) | |||
Dates = .daymon (daytue, dayewed, daythu, dayfri, daysat, daysun) | |||
Example | Example 1: Set the font color for the weekday heading of Monday ('Mon') | ||
. | .dayMon{color:#c44a2f !important;} | ||
Example 2: Set the background color for the weekday heading of Monday ('Mon') | |||
Example 3: Add a border | .dayMon{background-color:#c44a2f !important;} | ||
Example 3: Set the font color for all the dates that fall on a Saturday | |||
.daysat {color:#c44a2f !important;} | |||
Example 4: Add a border around all the dates that fall on a Sunday | |||
.daysat {border:1px solid #999999 !important;} | .daysat {border:1px solid #999999 !important;} | ||
=== Add a border around the selected dates=== | === Add a border around the selected dates=== | ||