Enhanced-Calendar

ЧПП

Does this plugin replace the Calendar plugin?

No it does not. It „enhances“ the Calendar plugin hence the name. The Enhanced-Calendar plugin requires the
original Calendar plugin to be installed and be active. Management of calendar events continues to be done
using the Calendar plugin. Enhanced-Calendar provides a way to present the calendar differently and more control
over styling it as part of a theme.

How did you achieve the styling on the CASL Shocks web site?

By default Enhanced-Calendar uses the same CSS as calendar but it is loaded via a style sheet included with the
plugin instead of from the database plugin option setting which is the standard plugin operation.

By using style sheets, the CSS can be styled as part of the theme which is exactly what I have done for styling
the Calendar on the CASL Shocks web site. The calendar is styled by adding
the following CSS to my theme CSS file:

/*
* Calendar styling
*
*/
.calendar-heading {
background-color: #EFEFEF !important;
}

.current-day {
background-color: #EFEFEF !important;
}

.normal-day-heading, .weekend-heading, .calendar-date-switcher {
background-color: #EFEFEF !important;
}

.current-day, .day-with-date, .day-without-date {
/*
width: 30px !important;
height: 50px !important;
*/
overflow: hidden;
}

.events {
background: url(../images/soccer/SoccerBallSidebar.png) no-repeat -10px 115%;
}

.event-dagger {
display: inline !important;
font-weight: bold;
font-size: 1.2em;
}

.kjo-link {
display: none !important;
}

.widget_calendar_upcoming, .widget_calendar_today {
border-top: 0px;
padding-top: 10px;
}

.widget_calendar_upcoming ul li, .widget_calendar_today ul li {
border-width: 0px;
padding-bottom: 5px;
padding-left: 5px;
}



.widget_calendar_upcoming ul li a, .widget_calendar_today ul li a {
padding: 0.3em 0em;
}