Hi there. The Event Calendar Pro CSS is located in the file styledatacalendar.css. You'll probably want to play with the background-color choices for the different days.

Jamie

If you right click on a weekend day, and select inspect element, on the td you should see a CSS class of mpcalendarweekendday. That selector, and the others for ECP, are located in styledatacalendar.css for your skin. If changes you make there aren't being reflected immediately in your site, you may just need to turn off caching, by adding the following keys to your user.config. Touch web.config after making this change, and be sure to set these back to true for production.

   <add key="CombineCSS" value="false" />
   <add key="MinifyCSS" value="false" />
   <add key="CacheCssOnServer" value="false"/>
   <add key="CacheCssInBrowser" value="false"/>

There is one other possibility: Are you trying to style the built-in Event Calendar, rather than Event Calendar Pro? If so, those selectors are located in styleaspcalendar.css

Hope that helps.

Jamie

Hi,

Unfortunately those areas do not have many, if any, classes that you can work with. You can create selectors like:

.eventdayview .modulecontent > table tbody > tr > td:first-child td {background-color: green !important;} This will make the left column with the times green on the Day View page.

Hope this gets you going in the right direction.

-Joe D.

Thanks for jumping in, Joe. You truly are the CSS guru around here!

Hi,

You'll have to use more specific CSS selectors and you may need different colors on different days in some cases. For example in many of the included skins in styledatacalendar.css I had to make the day number black like this, but you can use whatever colors work for you:

.mpcalendarweekendday .dayNumber a,
.mpcalendarothermonth .dayNumber a,
.mpcalendartoday .dayNumber a
{color:black;}

Note that the day numbers are links which otherwise would get their colors form other selectors for links so you have to explicitely specify the a as part of the selector as shown above.

Hope that helps,

Joe