Marking Start and End Date with a different colour

[massive]

It is possible to mark the start and the end date of an event with
a different colour?

[ve9gra]

Yes it is possible. All you need to do is go in the theme folder and modify the esstyle.css of the theme you're using.

The values that you want to change are the following (it's all the way at the end of the file)

/* Mark Start Cell Background (usually a slashed graphic to show availability or solid for events) */
.s21 {
	background-image:    url("cdef2.gif");
	background-color: #FFFFFF;
	}
/* Mark Solid Cell Background (solid marked event date background) */
.s22 {
	background-image:    url("cdef2.gif");
	background-color: #FFFFFF;
	}
/* Mark End Cell Background (usually a slashed graphic to show availability or solid for events) */
.s23 {
	background-image:    url("cdef2.gif");
	background-color: #FFFFFF;
	}
/* Mark End/Start Cell Background (usually a slashed graphic to show availability or solid for events) */
.s24 {
	background-image:    url("cdef2.gif");
	background-color: #FFFFFF;
	}

You see that all the url's are currently cdef2.gif... so all the event days are using the same image. If you look in the folder you'll see that there is 6 images for each theme... so all you need to do is change the url value for each ".s2x" for the same number in the .gif file..... (i'm not sure i'm making sense so nothing better than an example)

/* Mark Start Cell Background (usually a slashed graphic to show availability or solid for events) */
.s21 {
	background-image:    url("cdef1.gif");
	background-color: #FFFFFF;
	}
/* Mark Solid Cell Background (solid marked event date background) */
.s22 {
	background-image:    url("cdef2.gif");
	background-color: #FFFFFF;
	}
/* Mark End Cell Background (usually a slashed graphic to show availability or solid for events) */
.s23 {
	background-image:    url("cdef3.gif");
	background-color: #FFFFFF;
	}
/* Mark End/Start Cell Background (usually a slashed graphic to show availability or solid for events) */
.s24 {
	background-image:    url("cdef4.gif");
	background-color: #FFFFFF;
	}

What each .s2x mean is this

.s2 -> normal date on the calendar
.s20 -> a block in the calendar that doesn't have a date number
.s21 -> start of an event
.s22 -> during an event
.s23 -> end of an event
.s24 -> a day where an event starts and another ends

And the gifs names follow the same order....

Hope this helps even though I feel it's very jumbled.... please reply if you need clarifications

[Milan]

the solution you supplied looks like what I need to do however, I do not have the .gif files in my install.
Where can I get these .gifs?
thanks

[ve9gra]

That post is 2½ years old!! This solution no longer works with the current version of the script.