Custom design for Dan’s calendar

It is! One of the shortcode options adds a custom id to the container. You can then use that id to target components via css.

Thanks,
Dan

Hello Dan,

Thank you very much for your answer. Indeed, I just saw the “id” tag. However, I do not now the id of each component of the calendar. For exemple, if I want to change the color of the “today” date, or the color when hovering on a date, in a cell, etc… Where can I find the id of each of those elements ?

Thank you!

You’re welcome! The easiest way is to find the classes via Chrome’s Developer console (or similar in Firefox or other). In chrome, just right click on the item you want to affect, and choose “Inspect Element”. That will give you the classes for the item you want.

For example, if you want to change “Today’s” value, you could do something like:

#yourid td.fc-today {

   /*Your CSS rules here*/
}

Hope this helps!

Dan

Thank you very much !!!