views:

77

answers:

2

Hi,

I am having issues setting the calendar font sizes to be smaller. I have changed setting a container div font size, no effect. I have also changed the fullCalender.css font from 1em to 0.5em and to a px size but the calendar text stays the same.

Is there anything obvious I am missing, sorry to post if this is very obvious but I have searched for hours and I have tried so many things to set this.

Thanks Dkn

A: 

try and use "!important" which is a css rule to obbay that rule and ignore others.

e.g: in CSS: .calendar{font-size: 12px !important:}

in jquery: $('.calendar').css('font-size','12px !important');

Val
Thanks for the response, I tried that but no effect. I tried it on the calendar div as well as the calendar container. I even tried to use the !important and replace the 1em font-size in the fullcalendar.css and no change.This is very strange....
Daemonk
A: 

Hi,

I have found the cause, not sure why this is causing the issue but when I didn't declare the document type as

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;

it wouldn't change the font size.

Thanks

Daemonk
then u can mark this as ur answer:)
Val
btw it's considered as not standard html to use the wrong doctype as each doctype behaves differently
Val