Calendar css setting

Calendar css setting

by Nutan Rajmlani -
Number of replies: 4

Hi,

I m using formal white theme and moodle 2.2

I always awnt to hightlight date of particular day(today) and if i create event then want to highlight it also.

Please help me.

Thanks,

Nutan

Average of ratings: -
In reply to Nutan Rajmlani

Re: Calendar css setting

by Miriam Laidlaw -
Picture of Plugin developers

Hello Nutan,

I'm not sure I understand your request.

Formal White theme DOES already highlight the current day and any events.

calendar

As you can see the current date (28th April) is highlighted by a border and controlled by the following CSS in the calendar.css file in Formal White:

.calendartable .today {
    border2px solid #444444;
}
 
The 30th April is highlighted with a blue background as this indicates a user event. This CSS comes from the parent theme but can be set using the CSS:
 
.calendar_event_user {
    background-color#DCE7EC;
}
 
(course is set by .calendar_event_course, group event by .calendar_event_group and global/site event by .calendar_event_global)
 
You can make any of these changes in Formal White's theme settings page, so you don't need to change the actual CSS files of the theme.
In reply to Miriam Laidlaw

Re: Calendar css setting

by Nutan Rajmlani -

Thanks for ur reply but i have make a clone of formal white.

And now i am using this type of coding for calendar css

.block_calendar_month .content .calendar-controls a {
    color: #003399;
    font-weight: bold;
}

.block_calendar_month .content .minicalendar td {
    border-color: #F2f8ff;
}

.block_calendar_month .content .minicalendar .day {
    color: #000;
    background-color:#F2f8ff;
}

.block_calendar_month .content .minicalendar .day a {
    color: #000;
}

.block_calendar_month .content .minicalendar .weekdays th {
    border-width: 0;
    font-weight: bold;
    color: #003399;
    background-color:#9CB6CF;
}

.block_calendar_month .content .minicalendar .weekdays abbr {
    border-width: 0;
    text-decoration: none;
}

so in this the above css coding is not working.

Please give me solution.

Thanks,

Nutan