How To Change The Background Of "Small Month Day Other" On The Calendar

[Jose Amaral Rego]

Change The Background Of "Small Month Day Other" On The Calendar

vB version 3.0.17 - 3.5.8 - 3.6.5
Preview:


All righty, then I will show you a very simple way of doing this.

1. Goto Admin CP -> Styles & Templates -> Style Manager [choose style to be edit] -> All Styles Option --> Main CSS --> Additional CSS Definitions [add to second box]---> Click Save
   

   .alt4
   {
   	background-color: #FF0000;
   	color: #FF0000;
   }

   
2. Goto Admin CP -> Styles & Templates -> Style Manager [choose style to be edit] -> All Styles Option --> Edit Templates --> « expand all template groups» --> Calendar Templates « --> calendar_smallmonth_day_other
   
   vB version 3.0.17
   Find in red:
   

   <!-- a single day from another month on the small calendars -->
   [COLOR="Red"]<td class="smallfont"><em>$day</em></td>[/COLOR]

   Change code to what is in blue.
   

   <!-- a single day from another month on the small calendars -->
   [COLOR="Blue"]<td class="alt4"><span class="smallfont"><em>$day</em></span></td>[/COLOR]

   vB version 3.5.8 - 3.6.5
   Find in red:
   

   <!-- a single day from another month on the small calendars -->
   <td class="[COLOR="Red"]alt1[/COLOR]"><span class="smallfont"><em>$day</em></span></td>

   Change code to what is in blue.
   

   <!-- a single day from another month on the small calendars -->
   <td class="[COLOR="Blue"]alt4[/COLOR]"><span class="smallfont"><em>$day</em></span></td>

3. Save in Template History? Check: YES -- Comment -- calendar_smallmonth_day_other_colour --> Click Save

You can change to any color you want...

http://www.w3schools.com/html/html_colornames.asp

http://www.colorschemer.com/online.html