Something like this /t100500-how-do-i-change-highlight-background-color

I'm sorry that's not what I meant at all. I am familiar enough with CSS to know how to input color codes etc, what I don't know is where in the CSS code is it defined how a date in the mini-calendar should change when there's an event on that date.

The Mini-Calendar widget displays a month of dates. If we have events posted on those dates, that date on the mini-calendar changes appearance, from a standard font to a bold font.

If you go to www.driversports.org, on the left you will see the Mini-Calendar widget. You will notice that Friday, Jan 6 is slightly bolder than the rest of the dates because of a Birthday on that date. Instead of the font being slightly bolder, I would that date to change colors. It is simply too difficult to tell which dates have events and which dates do not, and so the Mini-Calendar is not living up to it's potential.

Hi,

Something like this:

Code:

#calendar a {
    background: red;
}

Or it has to be the whole table/box?

Nera. wrote:Hi,

Something like this:

Code:

#calendar a {
    background: red;
}

Or it has to be the whole table/box?

That is much more like what I was going for yes, thank you very much Nera. If I could highlight the entire "box" that that date is in that would be better, I think, from an artistic point of view. Your help is very much appreciated.

Try this. Add this to your AP > Modules > JS managment

Code:

$(document).ready(function() {
$('#calendar td:has("a")').css('background-color', 'red');
});

Be sure to enable JS too.

It should do the trick for the whole box.

Nera. wrote:Try this. Add this to your AP > Modules > JS managment

Code:

$(document).ready(function() {
$('#calendar td:has("a")').css('background-color', 'red');
});

Be sure to enable JS too.

It should do the trick for the whole box.

Thank you so much.

Welcome.

Topic Solved & Locked