prime prime - 7 months ago 219
HTML Question

How to change the font-color of jQuery Full-calendar header title?

I'm using the jQuery full-calender for my work. As in the image I have created the calendar but now I want to change the title color of the header (

February 2015
) to green. (to match it to the theme)

enter image description here

enter image description here

So far I couldn't do that. I saw some SO questions and answers which are suggesting to change the
.css
file. But then the change will affect to all calendars (
I'm having several calendars with several themes
)

How can I solve this problem ?

UPDATE :

This is an example code in a fiddle.

Answer

here is the solutions for this one is

CSS

 div#fullcalendar .fc-header-title h2 {
color: #0F0;
}

Demo

which will does the work.

as per your fiddle example

and every Calender ID will be unique,so you can add

 div#CalenderName .fc-header-title h2 {
    color: #0F0;//change calender title Color accordingly
    }

for example calender1 is your calender id then in css

  div#calender1 .fc-header-title h2 {
        color: #0F0;//change calender title Color accordingly
        }

and for example calender2 is your calender id then in css

   div#calender2 .fc-header-title h2 {
            color: #0F0;//change calender title Color accordingly
            }