CSS for calendar view

leslietane · Joined: 07 Oct 2008 Posts: 12

Hi,

I can't figure out where to modify the CSS for the calendar view. For example, in monthly view the "October 2008", in Event View "Upcoming Events". The calendar URL is http://www.umass.edu/music/eventcalendar/

Thanks!

esoft_ian · Joined: 12 Sep 2005 Posts: 5279

Hi,

font.heading or just .heading in themes/default/style/style.css

Let me know if you have any questions / trouble.

leslietane · Joined: 07 Oct 2008 Posts: 12

That worked, thanks. However, when I changed the .heading style, it also changed the year style on the mini-calendar module. Can you tell me what to change to make the "2008" the same style as the other module headings? I'm using the blue-goth style as a base.

Thank you!

esoft_ian · Joined: 12 Sep 2005 Posts: 5279

Hi,

Ahh.. using the blue-goth theme's css, remove the whole:

.heading
{
color: #2D446C;
font-size: 24px;
font-family: Georgia, "Times New Roman", Times, serif;
}

part and change the existing styling definition just above that for:

#cal table.heading, #cal td.heading, #cal th.heading
{
........
}

Let me know if you have any questions / trouble

leslietane · Joined: 07 Oct 2008 Posts: 12

Hmmm. When I do that, the new style doesn't get applied to the headings. Maybe I'm doing it wrong?

leslietane · Joined: 07 Oct 2008 Posts: 12

Still can't figure out how to fix this. Thanks!

esoft_ian · Joined: 12 Sep 2005 Posts: 5279

OK, do this:

Add this line:

#cal font.heading { font-size: 24px; }

.. or change the style to whatever you would like

Then change this line:

#cal div.calnav td.heading, #cal div.calnav th.heading

... to this ...

#cal div.calnav td.heading, #cal div.calnav th.heading, #cal div.calnav font.heading

Let me know if this doesn't resolve it.

leslietane · Joined: 07 Oct 2008 Posts: 12

That did it. Thanks, as always, for the fantastic support!