Automate with style your event calendars css

[George H. Compton IV]

These codes will automatically cross out past days, put a border around the future days,  color the present day and highlight the event days,
you can change the color lightblue to any color you would prefer.

the top piece of code on both sets of codes TD.future A{background-color: yellow !important;} is the event day

This code Will only affect the event module's calendar not the event page calendar

.xg_module.module_events TD.future A{background-color: yellow !important;}
.xg_module.module_events TD.present {background-color: lightblue !important;}
.xg_module.module_events TD.future {border: 1px solid lightblue !important;}
.xg_module.module_events TD.past { background-image: url(https://api.ning.com/files/Jec9iT2*pOjTVTAzA0p2xmtfLnsmGueFWYFEkeio6Q8MMdngwhxyk2jC76tnPpQJVDYA4SPmJPeMIQ0GkDRaMI56lEhOyrQ9/XImage.jpg);
   background-size:100% 100%; }
.module_events div.calendar div {position: relative; overflow: visible;}


This code will affect the calendars on the modules and the calendars on the event page

TD.future A{background-color: yellow !important;}
TD.present {background-color:lightblue !important;}
TD.future {border: 1px solid lightblue !important;}
TD.past { background-image: url(https://api.ning.com/files/Jec9iT2*pOjTVTAzA0p2xmtfLnsmGueFWYFEkeio6Q8MMdngwhxyk2jC76tnPpQJVDYA4SPmJPeMIQ0GkDRaMI56lEhOyrQ9/XImage.jpg);
 background-size:100% 100%; }
div.calendar div {position: relative; overflow: visible;}
.module_events div.calendar div {position: relative; overflow: visible;}

before

after

modules

event page

[Ed]

looks like a cracker, will test this out and come back to you. thanks for sharing

[George H. Compton IV]

lol ok

looks like a cracker???  lol

[Ed]

hehe, sorry. looks great.

[Lupe Tyrell]

Thank you!

[classic]

Thank you!

[dave]

Another awesome Tip George :-)  Every time i look your pulling another rabbit out of your hat :-)

Great Tip !!

[George H. Compton IV]

:-) you're welcome classic and Lupe

thank you and your welcome Dave :-)